Optik der Leiste leicht verrückt

  • Firefox-Version
    117.0.1 (64-Bit)
    Betriebssystem
    Windows 10

    Hallo an alle,

    seit einigen Tagen ist mir aufgefallen, dass die Symbole oben rechts in der Ecke ein wenig verrückt sind. Sonst waren sie etwas höher. Ich habe die Maus ohne hinzuschauen dort immer getätigt und auf einmal treffe ich nicht mehr "blind". ^^

    Das ist jetzt kein echtes Problem. Mich würde nur interessieren, womit ich es geschafft habe, diese Zeichen zu verrücken. Ob ich etwas falsch gemacht haben könnte.

    Lieben Dank.

  • Zur hilfreichsten Antwort springen
  • Da bei dir alles bunt ist, tippe ich auf eine verwendete userChrome.css, weil es Veränderungen bei Firefox dahingehend gab. Jeder, der sich darauf einlässt, sollte auch den eigenen Antrieb haben, da am Ball zu bleiben. Solltest du eine userChrome.css nutzen, dann diese bitte in der nächsten Antwort als CODE einfügen. Wahlweise das Thema, welches sich bei dir in Braun/Ocker/Beige zeigt.

    PS und bitte in die Anpassungen verschieben.

    Wir sind keine Beschwerdestelle, hier gibt es nur Lösungen! Meine Glückszahl hier: 93.

  • Bunt ist es, weil ich ein Theme installiert habe. Orange. Oder sind es die add-ons?


    #TabsToolbar {

    position: absolute;

    display: block;

    bottom: 0;

    width: 100vw;

    background-clip: padding-box;

    color: var(--toolbar-color);

    }

    #tabbrowser-tabs {

    width: 95vw;

    }

    #navigator-toolbox {

    position: relative;

    padding-bottom: calc( var(--tab-min-height) + 8px );

    }

    .titlebar-buttonbox-container {

    position: fixed;

    right: 0;

    visibility: visible;

    display: block;

    }

    #TabsToolbar .titlebar-buttonbox-container,

    #TabsToolbar #window-controls {

    display: none;

    }


    /*...................Ab hier nur Privater Modus...................*/

    /*Das lila Icon für privaten Modus oben rechts eingefügt*/

    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {

    margin-left: 0px!important;

    margin-right: 0px !important;

    content: '' !important;

    display: block !important;

    width: 19px !important;

    height: 19px !important;

    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;

    background-repeat: no-repeat !important;

    background-position: 0px 2px !important;

    background-size: 15px 15px !important;

    }

    /*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/

    #private-browsing-indicator-with-label {

    display: none !important;

    }

    Einmal editiert, zuletzt von Nic (14. September 2023 um 21:11) aus folgendem Grund: Ein Beitrag von Nic mit diesem Beitrag zusammengefügt.

  • Dann noch einfacher: Schau in den Add-ons nach, wie das Theme heisst und schreib es hin.

    Wenn du ein anderes Theme auswählst, ändert sich die Anzeige?

    Dann, öffne about:profiles via Adresseingabe, öffne das aktuelle verwendete Profil im Explorer -> "Ordner öffnen"

    Falls es dort einen Ordner "chrome" gibt, schau rein -> userChrome.css

    Wir sind keine Beschwerdestelle, hier gibt es nur Lösungen! Meine Glückszahl hier: 93.

  • Das Theme heißt transparent orange. Wenn ich es deaktiviere, verändert sich die Anzeige nicht.

    Dies Userchrome im Wurzelordner ist diese:

    #TabsToolbar {

    position: absolute;

    display: block;

    bottom: 0;

    width: 100vw;

    background-clip: padding-box;

    color: var(--toolbar-color);

    }

    #tabbrowser-tabs {

    width: 95vw;

    }

    #navigator-toolbox {

    position: relative;

    padding-bottom: calc( var(--tab-min-height) + 8px );

    }

    .titlebar-buttonbox-container {

    position: fixed;

    right: 0;

    visibility: visible;

    display: block;

    }

    #TabsToolbar .titlebar-buttonbox-container,

    #TabsToolbar #window-controls {

    display: none;

    }


    /*...................Ab hier nur Privater Modus...................*/

    /*Das lila Icon für privaten Modus oben rechts eingefügt*/

    #main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {

    margin-left: 0px!important;

    margin-right: 0px !important;

    content: '' !important;

    display: block !important;

    width: 19px !important;

    height: 19px !important;

    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;

    background-repeat: no-repeat !important;

    background-position: 0px 2px !important;

    background-size: 15px 15px !important;

    }

    /*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/

    #private-browsing-indicator-with-label {

    display: none !important;

    }

  • Hallo Nic,

    ein Hinweis: Setze doch bitte deinen Code in Zukunft in einen Code-Kasten:

    1. Klicke im Antwort-Fenster auf das Symbol </>

    2. Der Kasten wird mit dem Wort Quellcode eingefügt.

    3. Klicke auf das Wort Quellcode. Das Fenster „Code bearbeiten“ öffnet sich.

    4. Wähle in diesem Fenster bei Syntax-Hervorhebung den Eintrag CSS aus.

    5. Klicke auf die Schaltfläche Speichern.

    6. Du bist jetzt wieder im Antworten-Fenster. Dort steht jetzt CSS statt Quellcode drin.

    7. Füge jetzt deinen Code in den Kasten ein.

    8. Wenn du noch weiter schreiben möchtest, achte darauf, dass du unterhalb des Kastens weiterschreibst.

    9. Schicke deinen Beitrag ab, wenn du fertig bist.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Beides (Theme + userChrome) kommt nicht in Frage, vor allem nicht, weil du die Erweiterungen-Buttons oben hast. Also bitte alles angeben. Solltest du noch userscripte nutzen, sind die natürlich auch zu erwähnen.

    Wir sind keine Beschwerdestelle, hier gibt es nur Lösungen! Meine Glückszahl hier: 93.

  • Was willst du mit dem Code erreichen, Tabs unten und in voller Breite?

    Es würde schon helfen einen Screenshot zu sehen, der nicht bis zur Unkenntlichkeit angeschnitten ist.

    Den Code an sich würde ich persönlich in die Tonne klopfen; das alte Ding geistert hier zwar schon ewig rum, aber ich glaube das geht besser.

    Evtl. hier mal schauen, spezieller hier und hier.

  • Beides (Theme + userChrome) kommt nicht in Frage, vor allem nicht, weil du die Erweiterungen-Buttons oben hast. Also bitte alles angeben.

    Keine Ahnung, was das wieder bedeuten soll. Installiere das Theme und wende den gezeigten Code doch einfach mal selbst an. Dann ist das Problem auch reproduzierbar. Da fehlt keine weitere Angabe.

    Der Code von Andreas funktioniert bei mir unter Windows 11, es müssen hier aber schon 30px sein, damit das passt.

  • Da hast du wohl recht, bei mir war toolkit.legacyUserProfileCustomizations.stylesheets nicht aktiviert. Ist ein Testprofil, hab ich vergessen, mea culpa. Das von Andreas hilft, dann sieht aber das Menü gedrungen flach aus.

    PS

    #TabsToolbar

    bottom: 0; <-- hat keine Wirkung.

    PPS anders als Andreas, margin bottom ist nicht so optimal

    CSS
    #toolbar-menubar
    {
      height: 28px !important;
    }

    Zumindest diese Höhe bei unverändertem Windows 10.

    Ergänzend zum Menü

    CSS
    #main-menubar
    {
      height: 28px !important;
    }

    gesamt

    Wir sind keine Beschwerdestelle, hier gibt es nur Lösungen! Meine Glückszahl hier: 93.

    Einmal editiert, zuletzt von .DeJaVu (15. September 2023 um 12:05)

  • dass die Symbole oben rechts in der Ecke ein wenig verrückt sind.

    Füg diesen Code bitte mal bei dir ein, teste, und pass den Wert für dich an.

    CSS
    #toolbar-menubar {
     margin-bottom:  10px !important;
    }

    Großartig. Das hat sofort funktioniert. Vielen Dank.


    Vielen Dank. Das werde ich mir ausdrucken fürs nächste Mal.

    Einmal editiert, zuletzt von Nic (15. September 2023 um 09:23) aus folgendem Grund: Ein Beitrag von Nic mit diesem Beitrag zusammengefügt.

  • #TabsToolbar

    bottom: 0; <-- hat keine Wirkung.

    :/

    Eintrag entfernt ergibt:

    gesamt

     


    Das hat sofort funktioniert. Vielen Dank.

    Freut mich wenn ich dir damit helfen konnte, war gern geschehen :)

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (15. September 2023 um 09:24) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Nic 15. September 2023 um 09:25

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.