Symbolabstände in einigen Menüs und Kontextmenüs zu groß

Tu Dir selber doch mal einen Gefallen und kommentiere die Zusätzlichen CSS in Deiner userChrome.css aus!

Z.B. so =>

/* Lesezeichenordner, Lesezeichen verwalten. Lesezeichen Sidebar,
Lesezeichen setzen - Ordnericon gelb;
Meistbesuchte Seiten und Lesezeichen-Symbolleiste in Sidebar
Orginalicon */
/*@import "./classic/css/generalui/bookmark_icons_colorized.css";*/
/*@import "./CSS/FF_Menu-Icons.css";*/
/* Im Kontextmenü die Symbole in der obersten Reihe farbig machen */
@import "./classic/css/generalui/context_bfrsb_icons_colorized.css";
/* Vergrößerung des oberen und unteren Abstands der Lesezeichen-Symbolleiste.
Ist der untere Abstand zu groß, wird das Icon für "Lesezeichen verwalten" 
ganz links sehr klein. */
usw...

Teste.
Danach hängst Du die bookmark_icons_colorized.css wieder ein.
Und danach die FF_Menu-Icons.css, spätesten jetzt sollten die Fehler auftreten!
Da bin ich mir absolut sicher.
Bitte berichte.

Zitat von bananovic

Erst als ich meine FF_Menu-Icons.css wieder aktiviert habe, ...

... traten die "Fehler" wieder auf.

Wie ich vermutet habe.
Aber Obacht, es gibt Kontextmenüs, da lassen sich die Abstände nicht auf diese Weise "korrigieren"!
Denn die Selektoren werden auch in anderen Menüs verwendet und wenn Du so einen erwischst
und versuchst nach links zu schieben, hast Du das Problem, dass der gleiche Menüeintrag dann in dem
anderen Menü viel zu weit links steht.

Warte einfach noch ein, zwei Versionen ab, dann, so denke ich, wird sich das alles gelegt haben.
Dann wirst Du auch die "Korrekturen" wie der entfernen müssen.

Zitat von Mira_Belle

da lassen sich die Abstände nicht auf diese Weise "korrigieren"!

Mit etwas Aufwand lässt sich das schon anpassen. Hier sind alle Symbole da, wo sie hin sollten.

Und zwar in Fx 141, 142 und auch 143.

Zitat von Mira_Belle

Aber Obacht, es gibt Kontextmenüs, da lassen sich die Abstände nicht auf diese Weise "korrigieren"!
Denn die Selektoren werden auch in anderen Menüs verwendet und wenn Du so einen erwischst
und versuchst nach links zu schieben, hast Du das Problem, dass der gleiche Menüeintrag dann in dem
anderen Menü viel zu weit links steht.

Warte einfach noch ein, zwei Versionen ab, dann, so denke ich, wird sich das alles gelegt haben.
Dann wirst Du auch die "Korrekturen" wie der entfernen müssen.

Zum einen gibt es CSS Lösungen um Regeln einzugrenzen, zum anderen sind Kontextmenüs teils OS abhängig; keine Fx Version wird das ändern oder einem die Mühe für stimmigen Basis Code abnehmen.

Der Basiscode ist stimmig, wenn Du auf meine Symbol.us.js anspielst.
Und an Andreas gerichtet, warum soll ich mir die Arbeit machen, wenn eventuell nach dem nächsten Update,
alles wieder i.O. ist!
Als Übergangslösung habe ich eben einige Menüpunkte per padding-left, oder margin-left verschoben.
Und z.Z. betrifft es, wenn ich nicht irre, eh nur das Kontextmenü, welches sich bei mir öffnet,
wenn ich hier in einem Textfeld schreibe und auch nur, wenn ich den geschriebenen Text markiert habe.
Alle anderen Menüs sind i.O.

Zitat von Mira_Belle

warum soll ich mir die Arbeit machen

Musst du ja auch nicht

Es war nur ein Hinweis, dass es auch jetzt möglich ist.

Zitat von Mira_Belle

wenn eventuell nach dem nächsten Update,
alles wieder i.O. ist!

Wird es aber nicht, denn dann müsste Mozilla seine Änderungen ja wieder rückgängig machen.

Zitat von 2002Andreas

Wird es aber nicht, denn dann müsste Mozilla seine Änderungen ja wieder rückgängig machen.

Hatt' ich aber schon!
Z.B. bei einigen Menüs in der Menüleiste. Von 139 auf 140 nach rechts verschoben, dann bei 141 konnte ich die Übergangslösung
mit dem Verschieben per "padding" wieder rückgängig machen.
Aber Du könntest mir ja mal Deine Lösungen zeigen, zum Vergleichen und eventuell darf ich ja mein Code dann
Fehlerbereinigen, büüte, bütte.

Zitat von Mira_Belle

Deine Lösungen zeigen

Z.B. spreche ich jedes Icon einzeln an, mit allen Werten dazu.

Und hier habe ich dann die Abstände angepasst.

Funktioniert hier in allen Fx Versionen so.

Ah, dann ich ja alles klar!
Das habe ich eben nicht bei allen Symbolen,
sondern habe manche so zusammen gefasst:

menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
  padding-inline-start: calc(1em + 24px) !important;

  padding-inline-start: calc(1em + 48px) !important;

  background-position: left 1em center;

  background-repeat: no-repeat;

  background-size: 16px;

  -moz-context-properties: fill, fill-opacity;

  fill: #E0E0E0 !important;

}

Ist nur ein Beispiel!

Werde mir überlegen, ob ich es auch auseinanderdrösele.

Zitat von Mira_Belle

Der Basiscode ist stimmig, wenn Du auf meine Symbol.us.js anspielst.

Das lässt sich nicht direkt übernehmen, aber so schreibt man einen stimmigen CSS Code.
Bei Aris gibt's evtl. etwas Ähnliches.
Wenigstens die Positionierungen und Dimensionen von Icons sollten ja nicht soooo schwierig sein, oder zumindest halbwegs Sinn machen ohne dieses Codegewürge in alle Richtungen.

Ein paar Amateurtips hatte ich ja schon gegeben irgendwo, aber wenn euer Zeug so für mache Leute funktioniert, dann ist ja gut.

Zitat von Horstmann

Das lässt sich nicht direkt übernehmen, aber so schreibt man einen stimmigen CSS Code.
...

so in etwa habe ich es ja umgesetzt!
Nur schau Dir das CSS von Andreas an, der hat einen anderen Ansatz.

Zitat von Mira_Belle

der hat einen anderen Ansatz.

Viele Wege führen nach Rom

Zitat von 2002Andreas

Viele Wege führen nach Rom

D.h. aber auch, dass Deine Anpassung, also das CSS ellenlang ist,
also weit über 850 Zeilen! Oder?

Zitat von Mira_Belle

also weit über 850 Zeilen!

Hauptsache es funktioniert wie ich es will.

Zitat von Mira_Belle

also weit über 850 Zeilen! Oder?

Ich mische mich mal ein, in der Summe reicht das niemals. Jede einzelne css-Datei deckt einen bestimmten Bereich ab, damit bei Änderungen schnell reagiert werden kann.

Zitat von FuchsFan

in der Summe reicht das niemals

Die rund 1800 Zeilen sind nur für die Icons.

Ansonsten habe ich noch weitere Codes:

Zitat von 2002Andreas

Die rund 1800 Zeilen sind nur für die Icons.

Glaube ich dir, das war nur die Übersicht für einen Teil der Icons. Dazu kommt dann noch das Hamburger Menü, und für spezielle Scripte entsprechende Dateien, eines davon zeigst du ja.

Wow.
Ich habe nur etwa 850 oder 900 Zeilen Code,
und da ist das Hamburgermenü schon inbegriffen.

Das Skript kennt Ihr ja