f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-12 08: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); background-color : rgb(39, 174, 96);
} }
&::before { &:hover::after {
position : absolute; position : absolute;
top : 50%; bottom : -30px;
left : 33.33%; left : 50%;
z-index : -1; z-index : 1;
width : 7px; display : grid;
height : 15px; place-items : center;
content : ''; width : 4ch;
height : 1.2lh;
pointer-events : none;
content : attr(value);
background-color : #D3D3D3; 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 { .tool {
display : flex; display : flex;