Hamburger Überhangmenü - Symbolleiste anpassen

Zitat von laubenpieper

ich finde es einfach nicht meht in meinen css Wirrwarr

Meinst du das so?

Wobei du dir die Farben natürlich anpassen musst.

.widget-overflow-list toolbarpaletteitem[place="menu-panel"] {
  border: 2px solid green !important;
  border-radius: 50px !important;
  margin-top: 2px !important;
}

.widget-overflow-list toolbarpaletteitem[place="menu-panel"]:hover {
  background: red !important;   
  border-radius: 50px !important;
  margin-top: 2px !important;
}

#customization-panelHolder {
  color: white !important;
  background: black !important;
}

#customization-panelHeader {
  text-align: center !important;
}

Kann aber auch sein, dass der Code nicht funktioniert weil du ja schon einen hast für die gelbe Farbe.

Dann bleibt dir nichts anderes übrig als ihn zu suchen.

Zitat von laubenpieper

einen umlaufenden grünen Rahmen herstellen?

So?

.widget-overflow-list toolbarpaletteitem[place="menu-panel"] {
  border: 2px solid green !important;
  border-radius: 50px !important;
  margin-top: 2px !important;
}

.widget-overflow-list toolbarpaletteitem[place="menu-panel"]:hover {
  background: red !important;   
  border-radius: 50px !important;
  margin-top: 2px !important;
}

#customization-panelHolder {
  color: white !important;
  background: black !important;
  border: 4px solid green !important;
}

#customization-panelHeader {
  text-align: center !important;
}

Zitat

ich finde es einfach nicht meht in meinen css Wirrwarr

@laubenpieper

Ggf. gibst du jedem Code einen aussagekräftigen Namen...

Zitat von laubenpieper

Du hattest, wenn ich mich richtig erinnere mal eine Demo vorbereitet, wo finde ich die.

Meinst du die?

Beitrag

Re: Diverse Lösungen für Nightly gesucht

[…]


Die brauchst du aber :wink:

Im Ordner chrome einen neuen Ordner erstellen...Name z.B. CSS

In diesem Ordner trägst du dann deine einzelnen Codes ein und speicherst sie mit Namen, Beispiel:
Sidebar hover.css

In der userchrome.css erstellst du dann einen Zeile mit dem Inhalt:

@import "CSS/Sidebar hover.css";

Und so machst du das dann mit jedem weiteren Code.

Sieht hier so aus dann:

camp-firefox.de/attachment/6620/

camp-firefox.de/attachment/6619/

Das gleiche machst du dann noch für die…

2002Andreas

25. September 2017 um 16:43

Zitat von laubenpieper

und neu zusammenstellen.

Mach es erstmal nur mit 1 - 2 Codes und teste dann.

Wenn es funktioniert, dann kannst du nacheinander ohne Eile alle deine anderen Codes umstellen.

Wichtig dabei, die @Importregel muss dann ganz oben in der userChrome.css stehen, also noch vor allen anderen Codes die du darin hast.

Zitat von 2002Andreas

Wichtig dabei, die @Importregel muss dann ganz oben in der userChrome.css stehen, also noch vor allen anderen Codes die du darin hast.

Ich habe früher, vor der Nutzung des LoaderScripts, nur die Importregeln in der userChrome.css stehen. Es gibt ja eigentlich auch keinen Grund dort noch anderen Code drin zu haben..

Zitat von Boersenfeger

nur die Importregeln in der der userChrome.css stehen.

So soll es ja letztlich dann auch sein.

Aber wie in Beitrag Nr. 9 beschrieben kann es sich dann Zeit dabei lassen, und muss nicht gleich alle Codes gleichzeitig umstellen.

Auf keinen Fall, langsam ist die neue Gemütlichkeit..

BTW: Das UserCSSLoaderscript funktioniert aber noch in Firefox Nightly einwandfrei, nur im Thunderbird ab Version 91.* zickt es. Ich werde also daher nicht umstellen, solange das reibungslos klappt.

Zitat von Boersenfeger

solange das reibungslos klappt.

Musst du ja auch nicht

Allerdings hättest du dann ein Script weniger, und wärst auf der sicheren Seite wie man so sagt.

..stimmt, aber dann hätte ich es damals ja gar nicht installieren sollen..

Man braucht das ja alles nicht, aber dann wärs halt ein Fuchs von der Stange und ein bisschen Extra darfs schon sein...

Zitat von Boersenfeger

aber dann hätte ich es damals ja gar nicht installieren sollen

Damals gab es ja auch noch keine Probleme mit dem Script wie jetzt z.B. bei Thunderbird

Zitat von Boersenfeger

Man braucht das ja alles nicht

Ich brauche alle meine 42 Scripte

Ich auch.... da hast du mich falsch verstanden, ich nutze 63 Scripte und 107 Codes.

Zitat von laubenpieper

Hamburger mit grünen Rahmen

Hm,

warum hast Du den Grünen Rahmen um das Label des Menuitem/des Menüs gemacht und nicht um das Menuitem/Menü selbst? Wenn der Rahmen um das Menuitem/Menü gemacht wird, wäre die Breite der Menuitem/Menüs nämlich gleich breit und nicht so zerhackt.

Zitat von Dharkness

warum hast Du

Ist mir gar nicht aufgefallen, zumal es in meinem Code in einem anderen Thread nicht so ist:

#6

Hallo Andreas,

menu > .menu-text, menuitem > .menu-text,
menu > .menu-iconic-text, menuitem > .menu-iconic-text {
  border: 2px solid green !important;
  border-radius: 20px !important;
  padding-left: 10px!important;
}

wenn man sich den ↑ Teil aus #6 des CSS-Schnipsels anschaut, wird da in der Tat ein Rahmen um das Label gelegt, ist das ein versehen?

Zitat von Dharkness

ist das ein versehen?

Ich hatte es zumindest so verstanden, dass es dann so aussehen sollte bei ihm

Wobei oben in Beitrag 1 das auf seinem Screenshot nicht so aussieht.

Naja, er wird sich ja bestimmt melden und uns sagen, wie genau er es letztlich haben möchte.