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

  • Firefox-Version
    141
    Betriebssystem
    Windows 10 Professional

    Seit FF 141 sind die Symbolabstände in einigen, nicht in allen, Menü- und Untermenüpunkten sowie Kontextmenüs zu groß. Der Text ist nach rechts gerückt. Dazu 4 Screenshots sowie die CSS-Datei, mit der ich die Symbole in den Menüs und Kontextmenüs erzeuge. In Zeile 229 bis 237 sind die Abstände definiert. Das hat bis jetzt gut funktioniert. Wenn ich Zeile 231 auskommentiere, sind die jetzigen Abweichungen verschwunden, aber bei allen anderen Punkten stimmt nichts mehr. Wie kann man das Problem lösen?

  • Wie kann man das Problem lösen?

    Thema hatten wir schon.

    Evtl. hilft dir das weiter:

    Mira_Belle
    23. Juli 2025 um 21:11
  • Was kann ich denn von obigem Code für den Code in meiner Datei und an welcher Stelle verwenden und wie muß ich den obigen Code abändern? Unverändert bringt mir dieser Code nichts.

  • von obigem Code

    Das ist ein Skript, mit einem CSS Inhalt. Wenn dann musst du den CSS Teil rauskopieren, und in deine userChrome.css zwecks Test mal einfügen.
    Ab Zeile 29 bis einschl. Zeile 864.


    Oder wenn du schon Skripte nutzt, dann deinen CSS-Code mal deaktivieren, und die Datei dann als

    Symbole.uc.js

    im Ordner chrome speichern. Dann Neustart vom Firefox machen.

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (29. Juli 2025 um 18:29) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • bananovic Das letzte Bild sagt mir nichts!

    Bitte testen, sichere Dir aber erst Deinen Code!!

    Kontrolliere ALLE Menüs!
    Wenn etwas nicht passt, Bild machen und bitte einen aussagekräftigen Namen geben,
    oder halt beschreiben, welches Menü es ist.
    Mit diesem CSS wird noch nicht alles so sein, wie es sein sollte.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (29. Juli 2025 um 22:58)

  • Mira_Belle, Dein Code ändert fast nichts. Mein Bild 4 zeigt das Kontextmenü beim Klick auf ein Lesezeichen.

    Ich habe das Problem inzwischen gelöst, indem ich bei allen Menü- und Kontextmenüpunkten mit nach rechts veschobenem Text in meine CSS-Datei eingefügt habe:

    padding-left: 13px !important;

    Das funktioniert allerdings so nicht im Kontextmenü beim Klick auf Menüpunkte im Lesezeichenmenü, z.B. Lesezeichen-Symbolleiste. Dort ist der Text von einigen Menüpunkten nun nach links über das Symbol verschoben (Bild 5). Hier muß der Wert auf 36px geänder werden. Das führt allerdings dazu, daß nun einige Punkte im Lesezeichen-Kontextmenü wieder einen nach rechts verschobenen Text aufweisen (Bild 6)..

    Die css-Selektoren der betreffenden Punkte in beiden Kontextmenüs sind identisch. Deshalb die wechselnden Abstände je nach px-Wert. Wie bekommt man da eine Unterscheidung in den Code?

    Hier der einschlägige Code in meiner CSS-Datei.

  • bananovic sorry, wenn Dir mein Code nichts gebracht hat, aber du hast ja eine Lösung für Dich gefunden.

    Was die fehlerhaften Abstände der Kontextmenüs betrifft, wirst Du wohl oder über ein, zwei Monate damit leben müssen.
    Mozilla ist da gerade schwer am Schrauben!
    Wenn Du Glück hast erledigen sich so manche Ungereimtheiten schon beim nächsten Update!
    Du wirst dann alle Deine "korrekturen" padding-left: 13px !important; löschen können.
    Wirst Du aber merken!
    Du kannst aber auch mein Skript nutzen, wenn Du magst, musst halt nur alle Symbole austauschen,
    denn das Skript halte ich aktuell, da ich es selbst nutze!

    Mira_Belle
    23. Juli 2025 um 21:11

    Mit <3lichem Gruß

    Mira

  • mein Skript nutzen, wenn Du magst, musst halt nur alle Symbole austauschen

    Da wird zur Zeit reichlich dran gearbeitet:

    2002Andreas
    31. Juli 2025 um 11:53
  • Da laß ich doch besser vorerst meine CSS-Datei so wie sie jetzt ist. Mal abwarten, was kommt.

    Mira_Belle, bei Deinem Script habe ich probeweise versucht, ein Symbol auszutauschen. Das hat aber nicht funktioniert. Irgendetwie habe ich wohl den Pfad nicht hinbekommen. Die Symbole befinden sich bei mir in (Profil)/chrome/Icons. Das ergibt in meinerCSS-Datei den Pfad "../icons/X.png".

  • Du müsstest nur let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    in let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'Icons')); ändern!

    Oder halt Deinen Ordner für die Symbole von Icons in icons umbenennen. Viele Wege führen nach Rom.

    CSS scheint da etwas gutmütiger zu sein! Denn da nutzt Du icons, aber der Ordner heißt Icons.
    Das ist aber eigentlich ein Fehler! Auch wenn es funktioniert, berichtige das, denn es könnte in Zunkunft
    eben DOCH zu fehlern führen und dann weist Du nicht, woran das liegt.
    Mein Vorschlag, ändere den Ordnernamen in "icons".
    Dann funktioniert weiterhin Dein CSS, aber eben auch das Skript ohne die Änderung.

    Mit <3lichem Gruß

    Mira