f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 15:52:39 +00:00
Code Wiki Activity

Rearrange nesting of slider tooltip

Browse Source 
Just moving the :hover:after tooltip to within the existing css rule for sliders.
This commit is contained in:
Gazook89
2024-08-17 14:06:14 -05:00
parent e0e49c606f
commit 6af5abd37d
1 changed files with 14 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
client/homebrew/brewRenderer/toolBar/toolBar.less
View File

@@ -50,39 +50,26 @@
background-color : rgb(39, 174, 96);
}
&::before {
&:hover::after {
position : absolute;
top : 50%;
left : 33.33%;
z-index : -1;
width : 7px;
height : 15px;
content : '';
bottom : -30px;
left : 50%;
z-index : 1;
display : grid;
place-items : center;
width : 4ch;
height : 1.2lh;
pointer-events : none;
content : attr(value);
background-color : #D3D3D3;
transform : translate(-50%, -50%);
border : 1px solid #A1A1A1;
border-radius : 5px;
transform : translate(-50%, 50%);
}
}
}
.tool {
&:hover .slider::after {
position : absolute;
bottom : -30px;
left : 50%;
z-index : 1;
display : grid;
place-items : center;
width : 4ch;
height : 1.2lh;
pointer-events : none;
content : attr(value);
background-color : #D3D3D3;
border : 1px solid #A1A1A1;
border-radius : 5px;
transform : translate(-50%, 50%);
}
}
.tool {
display : flex;