Hamburger Menü mit Scrollbalken und verschobenen Einträgen

Mal wieder eine kleine Spielerei

Das geöffnete Hambuger Menü sieht standardmäßig so aus:

Damit wird rechts der kompl. Bildschirm überdeckt.

Wen das stört, der kann sich das Popup verkleinern, und muss dann eben scrollen.

Das sieht dann so aus:

Zusätzlich habe ich noch 2 Einträge nach oben verschoben, nämlich die Einträge:

Zugangsdaten und Passwörter

und

Symbolleiste anpassen...

Wer möchte:

/*Scrollbar im Hamburger Menü, und 2 Einträge verschoben*/

#appMenu-popup {
   max-height: 290px !important;
   overflow-y: auto !important;
}

#appMenu-logins-button {
  -moz-box-ordinal-group: 0;
}

#appMenu-customize-button {
  -moz-box-ordinal-group: 0;
}

Eingetragen wird der Code in die userChrome.css Datei.

Zitat von Abendstern2010

geht da irgedwie noch was farblich?

Was genau meinst du denn damit?

Zitat von Abendstern2010

Ich mein so in etwa links

Mein Code ändert doch nur die Reihenfolge von 2 Einträgen, und erstellt eine Scrollleiste.

D.h., dein Code für die Icons bzw. dem Hintergrund wie auf deinem Screenshot, sollte auch mit meinem zusammen funktionieren.

Edit:

Ich sehe gerade, du nutzt den Fx Button oben links.

Den habe ich nicht.

Zitat von Abendstern2010

den HG bei deinem script auch so zu gestallten.

Meinst du das so?

Dafür einfach das dunkle Theme einstellen vom Fx.

Bzw. müsste ja dein Theme den Hintergrund dann auch einfärben.

Die ganzen Icons dafür gibt es hier bei Endor:

https://github.com/Endor8/CSS/blo…urger-Panel.css