Hamburger Menü in Firefox Version 91

Danke Boersenfeger, funktioniert bestens.

Der Dank gebührt Endor der diese Codes bereitstellt

Hier kann man sich informieren und ggf. weitere Dateien einsehen und herunterladen.

CSS/Firefox 83/Browser/Hamburgermenu at master · Endor8/CSS

CSS Codes. Contribute to Endor8/CSS development by creating an account on GitHub.

github.com

Ich habe in der Datei Hamburger -Icons + div. ausgeblendet.css die Zeilen 11-15 und 19-21 auskommentiert. Jetzt werden wie im Original die Punkte Lesezeichen, Chronik und Downloads sowie die Unterteilungsstriche angezeigt.

Im allerobertsten Feld Daten synchronisieren und speichern ist der Text zu groß, da dreizeilig, während der Anmeldebutton zu breit ist. Ich habe in der Datei nicht herausgefunden, wo man das ändern kann.

Zitat von bananovic

Im allerobertsten Feld Daten synchronisieren und speichern ist der Text zu groß, da dreizeilig, während der Anmeldebutton zu breit ist

Hi,

wie wäre es stattdessen damit, sprich einfach die Breite des Menüs zu erhöhen?

#appMenu-protonMainView {
  width: 320px !important;
}

Mit dem Wert musst Du dann noch experimentieren.

Der von Boersenfeger gepostete Code funktioniert bestens, bis auf eine Kleinigkeit.

Im oberen Feld Daten synchronisieren und speichern rutscht das Icon zu weit nach unten, wenn ein Firefox-Konto angegeben ist.

Wie kann ich das ändern?

Danke.

Danke Dharkness, hat funktioniert. Ich habe den Code in die Datei Hamburger -Icons + div. ausgeblendet.css eingefügt. Jetzt ist das Hamburger-Menü für mich perfekt.

Zitat von Road-Runner

Wie kann ich das ändern?

Das sollte damit ↓ funktionieren.

toolbarbutton[id="appMenu-fxa-label2"][class="subviewbutton subviewbutton-nav"][oncommand="gSync.toggleAccountPanel(this, event)"] {
    background-position: 4px 5px !important;
}

Wie immer, mit den Werten musst Du noch ein wenig experimentieren.

Zitat von bananovic

Danke Dharkness, hat funktioniert.

Aber gerne doch.

Zitat von Road-Runner

rutscht das Icon zu weit nach unten

Hallo Road-Runner ..

ich habe zwar kein Konto, aber teste doch bitte mal durch ändern des 2ten Wertes 14px in Zeile 32:

background-position:7px 14px!important;

Kleinerer Wert und das Icon rutscht weiter hoch.

Größerer für weiter runter.

So sieht das z.B.mit 4px aus:

Sollte das nicht ausreichen kannst du auch einen Minuswert angeben: -4px

Zitat von Dharkness

Wie immer, mit den Werten musst Du noch ein wenig experimentieren.

Man kann auch center verwenden, das habe ich für den vertikalen Wert gemacht. (Zeile 85)

Zitat von milupo

Man kann auch center verwenden

Danke für den Hinweis, das wusste ich noch nicht.

Mit diesen Angaben in Zeile 85 hat es geklappt.

 background-position: 15px 4px !important;

Vielen Dank an alle Beteiligten.

Oh, prima, das teste ich morgen zu Haus... hat mich schon länger gestört, war aber keine Zeit und Muße zur Behebung da..

Very nice! Wären da auch gerundete Rähmchen für jeden Eintrag möglich?

Zitat von ^L^

Wären da auch gerundete Rähmchen für jeden Eintrag möglich?

Probiere bitte.

#appMenu-popup panelview toolbarbutton{
    border: 1px solid blue !important;
    border-radius: 8px !important;
    margin-top: 2px !important;
    height:36px !important;
}

Zitat von Road-Runner

Mit diesen Angaben in Zeile 85 hat es geklappt.

Da schließe ich mich gerne an, jetzt siehts schick aus. Vielen Dank!