scrollbutton-up und scrollbutton-down in Menupopups anpassen?!

Zitat von Dharkness

Beides steht

Hallo Dharkness ..

meinst du diese beiden Pfeile?

Wenn ja, das kommt in die userChrome.css:

toolbarbutton#scrollbutton-down,
toolbarbutton#scrollbutton-up  {
    color: white !important;
    background-color: blue;
    border: 1px solid red;
}

#scrollbutton-up:hover,
#scrollbutton-down:hover {
    background-color: yellow;
    border: 1px solid brown;
    border-radius: 5px;
}

#scrollbutton-up:hover > .toolbarbutton-icon,
#scrollbutton-down:hover > .toolbarbutton-icon {
    fill: red;
}

Wichtig dabei, es darf kein !important darin sein, damit die Pfeile in der Tableiste extra angesprochen werden können.

Dharkness

Probier bitte auch diese Alternative aus, weil sich damit die Scrollbuttons von Tableiste und Menü wirklich getrennt ansprechen lassen, ohne 'workaround':

Beitrag

RE: Tableiste Änderungen

[…]

Vielen Dank @Nutzende !

Ich hoffe, ich habe deinen Variablen-Lösungsansatz richtig interpretiert.

In Verbindung mit der 'userChromeShadow.css' kann man jetzt wirklich die ScrollButtons unabhängig voneinander anpassen (ohne !important-Überschreiben Workaround).



Ich habe das mal auf das obige Beispiel umgesetzt

camp-firefox.de/attachment/34852/

Ohne den Änderungen an den Scrollbuttons in der Tableiste ('userChromeShadow.css'):

camp-firefox.de/attachment/34858/

(Quelltext, 18 Zeilen)

…

BrokenHeart

7. Dezember 2021 um 23:19

Die Idee dazu stammt von "Nutzende!", welche hier aber keinen User-Account mehr hat...

Edit: sehe gerade @Gabbo hatte schon einen Link dazu gepostet. Na ja, doppelt ist ja auch nicht schlimm...

Zitat von BrokenHeart

wirklich getrennt ansprechen lassen, ohne 'workaround':

Sieht hier mit meinem Code und dem in der userChromeShadow.css so aus:

Zitat von 2002Andreas

Sieht hier mit meinem Code und dem in der userChromeShadow.css so aus:

Ja, ich weiß, dass dieser Ansatz auch funktioniert :

Beitrag

RE: Tableiste Änderungen

Getrennt ansprechen lassen sich die 'Scrollbuttons' schon:

camp-firefox.de/attachment/34833/

(Quelltext, 7 Zeilen)

(Quelltext, 8 Zeilen)

Man darf halt in der 'userChrome.css' kein !important verwenden. Ausnahme: Alle Elemente, die das Standardverhalten überschreiben müssen, in diesem Fall fill. Nutzt man dann in der 'userChromeShadow.css' das selbe Element, kann man es nicht mehr überschreiben und man hat dann eben die gleiche Vordergrundfarbe. Hier kann man aber bei den Scrollbuttons der…

BrokenHeart

7. Dezember 2021 um 08:57

Die vorgeschlagene alternative Lösung ist aber in meinen Augen die sauberere Lösung, weil nichts mehr berücksichtigt werden muss ("important!"). Aber soll Dharkness selber entscheiden, was er nutzen möchte...

Zitat von Dharkness

für mich passendes Ergebnis hervorgebracht hat

Nur das ist wichtig

Freut mich wenn du zufrieden bist.

Zitat von Dharkness

passendes Ergebnis

"Was nicht passt, wird passend gemacht".