muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

panel buttons tooltips

Browse source
This commit is contained in:
muerwre 2019-02-19 11:02:10 +07:00
parent a0296f6332
commit 9321f41cd5
9 changed files with 82 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/styles/panel.less
View file

@ -143,6 +143,51 @@
}
}
.panel-tooltip {
position: absolute;
bottom: 58px;
left: 50%;
background: @tooltip_backgroud;
padding: 10px;
transform: translateX(-50%);
border-radius: @panel_radius;
opacity: 0;
pointer-events: none;
transition: opacity 250ms;
font-size: 13px;
color: white;
&::after {
content: ' ';
width: 10px;
height: 10px;
position: absolute;
background: @tooltip_backgroud;
bottom: 0;
transform: translate(-50%, 5px) rotate(45deg);
left: 50%;
}
&.top {
bottom: auto;
top: 43px;
&::after {
bottom: auto;
top: 0;
transform: translate(-50%, -5px) rotate(45deg);
}
}
}
.panel button, .tooltip-container {
position: relative;
&:hover .panel-tooltip {
opacity: 1;
}
}
.control-bar-counter {
color: white;
min-width: 12px;