mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-18 03:32:43 +00:00
Rearrange nesting of slider tooltip
Just moving the :hover:after tooltip to within the existing css rule for sliders.
This commit is contained in:
@@ -50,23 +50,7 @@
|
|||||||
background-color : rgb(39, 174, 96);
|
background-color : rgb(39, 174, 96);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&:hover::after {
|
||||||
position : absolute;
|
|
||||||
top : 50%;
|
|
||||||
left : 33.33%;
|
|
||||||
z-index : -1;
|
|
||||||
width : 7px;
|
|
||||||
height : 15px;
|
|
||||||
content : '';
|
|
||||||
background-color : #D3D3D3;
|
|
||||||
transform : translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tool {
|
|
||||||
&:hover .slider::after {
|
|
||||||
position : absolute;
|
position : absolute;
|
||||||
bottom : -30px;
|
bottom : -30px;
|
||||||
left : 50%;
|
left : 50%;
|
||||||
@@ -83,6 +67,9 @@
|
|||||||
transform : translate(-50%, 50%);
|
transform : translate(-50%, 50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.tool {
|
.tool {
|
||||||
display : flex;
|
display : flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user