- Firefox-Version
- 128,0
- Betriebssystem
- Windows 11
Ich nutze schon länger diesen Code für das Hamburger Menü:
CSS
/********************* Hamburger Menü********************************************/
/*Abstände in Einstellungsmenüleiste verringern*/
#appMenu-popup .subviewbutton:not(#appMenu-fxa-status2) {
--arrowpanel-menuitem-padding: 0 !important;
--arrowpanel-menuitem-margin: 0 !important;
padding-left: 10px!important;
font-size: 12px !important;
min-height: 22px !important;
max-height: 22px !important;
}
#appMenu-fxa-status2 {
font-size: 12px !important;
}
#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+1) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/*Schrift und Hintergrund*/
#appMenu-popup toolbarbutton,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-popup .subviewbutton,
#appMenu-popup .widget-overflow-list .toolbarbutton-1 {
background-color: #00016E !important;
color: #fff !important;
}
/*Schriftfarbe von Einträgen mittig in Untermenüs*/
#appMenu-popup .subview-subheader {
font-size: inherit;
font-weight: inherit;
color: #fff !important;
}
/*Farbe in header und footer*/
#appMenu-popup panelview, #PanelUI-fxa {
width: 22.5em;
background-color: #00016E !important;
color: #fff !important;
}
/* Hover Schrift und Hintergrund Hamburger Menü */
/* #appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
#appMenu-multiView .subviewbutton:hover,
#appMenu-multiView .widget-overflow-list .toolbarbutton-1:hover {
background-color: #8888b3 !important;
color: #fff !important;
}
*/
#appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
#appMenu-multiView .subviewbutton:hover,
#appMenu-multiView .widget-overflow-list .toolbarbutton-1:hover {
background-color: #8888b3 !important;
color: #fff !important;
border-radius: 25px !important;
}Die Einstellungen für :hover wirken sich jedoch auch an Menüstellen aus, wo diese nicht ganz passend sind, wie z. B. ganz oben ("Daten synconisieren...") oder bei dem Punkt "Zoom". Gibt es hier eine Option, damit diese Bereiche nicht von :hover erfasst werden, ohne dass ich für jeden einzelnen Menüpunkt die :hover-Einstellungen extra definieren muss?
Code
