local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 72 Pull requests 5 Projects 4 Releases Packages 1 Activity Actions

fix: remove !important statements

Browse source
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
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/css/app.css
View file

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