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

Reorder Sidebar Menu entries and smaller fixes #353

Open
simon wants to merge 7 commits from feature/reorder-sidebar-menu into main
pull from: feature/reorder-sidebar-menu
merge into: local-it:main
Conversation 0 Commits 7 Files changed 7 +12 -8
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 467b36784f - Show all commits

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;
} }