From 6af5abd37de3e6afbad62507298994a47ffeda58 Mon Sep 17 00:00:00 2001 From: Gazook89 Date: Sat, 17 Aug 2024 14:06:14 -0500 Subject: [PATCH] Rearrange nesting of slider tooltip Just moving the :hover:after tooltip to within the existing css rule for sliders. --- .../brewRenderer/toolBar/toolBar.less | 41 +++++++------------ 1 file changed, 14 insertions(+), 27 deletions(-) diff --git a/client/homebrew/brewRenderer/toolBar/toolBar.less b/client/homebrew/brewRenderer/toolBar/toolBar.less index 3eb006c4b..5ab867a56 100644 --- a/client/homebrew/brewRenderer/toolBar/toolBar.less +++ b/client/homebrew/brewRenderer/toolBar/toolBar.less @@ -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;