fix: remove !important statements
This commit is contained in:
parent
54d96136b7
commit
467b36784f
1 changed files with 12 additions and 8 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue