@samitouri / QOSami-HFS / commits / e1afd998

fix: ux problem with :hover of folders with a comment

Massimo Melina committed Mar 12, 2024 at 20:15 UTC e1afd99801f24263b54cc8164d78d5b90716bd68
1 file changed +3 -1
frontend/src/index.scss
+3 -1
@@ -292,7 +292,9 @@ ul.dir {
292 }
293 @media (hover: hover) {
294 &:not(:hover) .popup-menu-button { display: none; }
295 - &:hover { padding: 1em; margin: -1em; } // add margin to avoid leaving the hover unintentionally. Using this on @media(hover:none) will result in some taps to be missed. It happened on a long folder with no spaces in the name to wrap.
295 + &:hover { padding: 1em; margin: -1em; // add margin to avoid leaving the hover unintentionally. Using this on @media(hover:none) will result in some taps to be missed. It happened on a long folder with no spaces in the name to wrap.
296 + .popup-menu-button { z-index: 1} // without this, attempting to hover from the name to the menu-button will easily lose the :hover if a comment is present
297 + }
298 }
299 a {
300 &:last-of-type {