Hallo,
vielen lieben Dank erst einmal.
Beim Überfahren des Icon+Lesezeichen ist es jetzt perfekt.
Leider ist beim aktiven (also geöffneten) Lesezeichen das Icon etwas dunkler als der Schriftzug "Lesezeichen" - kann man dies noch anpassen?
- - - - - Nachtrag - - - - -
Als Lösung habe ich einfach den Farbwert #B4B4B7 bei "#bookmarks-menu-button:is([open], :active)::after" eingetragen.
Somit sieht das jetzt so aus:
CSS
/* Bookmark Button */
#bookmarks-menu-button::after {
content: "Lesezeichen";
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
display: flex;
align-items: center;
border-radius: var(--toolbarbutton-border-radius);
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-right: var(--toolbarbutton-inner-padding);
}
#bookmarks-menu-button .toolbarbutton-icon {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
#bookmarks-menu-button:hover::after {
background-color: var(--button-background-color-active) !important;
}
#bookmarks-menu-button:is([open], :active)::after {
background-color: #B4B4B7 !important;
}
Alles anzeigen