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

tooltip animations

Browse source
This commit is contained in:
muerwre 2019-02-19 11:05:15 +07:00
parent 9321f41cd5
commit c3f22473c9
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/styles/colors.less
View file

@ -27,4 +27,4 @@
@mobile_breakpoint: 768px;
@micro_breakpoint: 390px;
@tooltip_backgroud: #123740;
@tooltip_background: #123740;

10
src/styles/panel.less
View file

@ -147,13 +147,13 @@
position: absolute;
bottom: 58px;
left: 50%;
background: @tooltip_backgroud;
background: @tooltip_background;
padding: 10px;
transform: translateX(-50%);
transform: translate(-50%, -10px);
border-radius: @panel_radius;
opacity: 0;
pointer-events: none;
transition: opacity 250ms;
transition: all 250ms;
font-size: 13px;
color: white;
@ -162,7 +162,7 @@
width: 10px;
height: 10px;
position: absolute;
background: @tooltip_backgroud;
background: @tooltip_background;
bottom: 0;
transform: translate(-50%, 5px) rotate(45deg);
left: 50%;
@ -171,6 +171,7 @@
&.top {
bottom: auto;
top: 43px;
transform: translate(-50%, 10px);
&::after {
bottom: auto;
@ -185,6 +186,7 @@
&:hover .panel-tooltip {
opacity: 1;
transform: translate(-50%, 0);
}
}