watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-06 21:57:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Custom tooltip and labels.

Browse source
This commit is contained in:
Mike Cao 2020-07-28 21:50:29 -07:00
parent ce92c7897d
commit 18de85a06d
3 changed files with 136 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

56
components/PageviewsChart.module.css Normal file
View file

@ -0,0 +1,56 @@
.chart {
position: relative;
}
.tooltip {
opacity: 0;
position: absolute;
pointer-events: none;
}
.content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #000;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
text-align: center;
width: 150px;
height: 50px;
transform: translate(-50%, -60px);
}
.content:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: #000;
opacity: 0.05;
border-radius: 10px;
}
.title {
font-size: 12px;
font-weight: 600;
}
.metric {
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 600;
}
.dot {
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #fff;
margin-right: 10px;
}