Ich verwende General padding.
hallo lenny2 ..
vorweg, sehr gute Idee
Kleines Problem dabei, es werden nicht überall die Icons angezeigt.
Beispiele für angezeigt:
Hier werden keine Icons angezeigt:
Ich habe deinen pauschalen Code mal etwas verändert, sieht dann so aus:
Code
/* General padding */
@-moz-document url-prefix("chrome://browser/content/") {
menupopup:not(.in-menulist) menuitem:not([checked], [icon], .menuitem-iconic) {
&::before {
-moz-context-properties: fill;
content: var(--content-type, "");
width: 16px;
height: 16px;
margin-inline-start: -8px;
margin-inline-end: -9px;
}
}
}
/* General padding */
@-moz-document url-prefix("chrome://browser/content/") {
menupopup menu:not([icon], .menu-iconic) {
&::before {
-moz-context-properties: fill;
content: var(--content-type, "");
width: 16px;
height: 16px;
margin-inline-start: -10px;
margin-inline-end: -9px;
}
}
}
/* General padding */
@-moz-document url-prefix("chrome://browser/content/") {
menupopup:not(.in-menulist, [needsgutter]) menuitem:not([checked], [icon], .menuitem-iconic) {
&::before {
-moz-context-properties: fill;
content: var(--content-type, "");
width: 16px;
height: 16px;
margin-inline-start: -8px;
margin-inline-end: 9px;
}
}
}
Alles anzeigen
Damit sind die Icons dann vorhanden:
Meine Änderung ist aber nicht perfekt denke ich, evtl. kann sich ja ein anderer User das mal genauer ansehen.
Auf jeden Fall wäre mein Code damit wesentlich kürzer
Alt:
Neu: