fix: remove !important statements

This commit is contained in:
Simon 2026-01-16 17:26:52 +01:00
parent 54d96136b7
commit 467b36784f
Signed by: simon
GPG key ID: 40E7A58C4AA1EDB2

View file

@ -185,18 +185,22 @@
Menu Groups - Disable hover and active on expanded-menu-group header
============================================ */
/* Disable all interactive effects on expanded-menu-group header (no href, not clickable) */
.sidebar .menu > li.expanded-menu-group > div:not(a) {
/* Disable all interactive effects on expanded-menu-group header (no href, not clickable)
Using [role="group"] to increase specificity and avoid !important */
.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a) {
pointer-events: none;
cursor: default;
}
.sidebar .menu > li.expanded-menu-group > div:not(a):hover,
.sidebar .menu > li.expanded-menu-group > div:not(a):active,
.sidebar .menu > li.expanded-menu-group > div:not(a):focus {
background-color: transparent !important;
box-shadow: none !important;
cursor: default !important;
/* Higher specificity selector to override DaisyUI menu hover styles
DaisyUI uses :where() which has 0 specificity, but the compiled CSS might have higher specificity
Using [role="group"] attribute selector increases specificity without !important */
.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a):hover,
.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a):active,
.sidebar .menu > li.expanded-menu-group > div[role="group"]:not(a):focus {
background-color: transparent;
box-shadow: none;
cursor: default;
color: inherit;
}