Wenn das Popup geöffnet ist, dann wird über den Alltabs-Button grauer Schatten gelegt. Hast du dafür noch eine Lösung parat, eventuell auch so, dass dann der Button eine andere Farbe annimmt.
![]()
Beiträge von FuchsFan
-
-
Problem nur, der Code funktioniert so nicht in der userChrome.css

Nun ist aber genug, lass dir dazu was einfallen.

Aber jetzt hast du einen Anhaltspunkt, dass eventuell doch eine Trennung möglich ist.
Gestern habe ich mir einen neuen Nightly angelegt, um nochmals die Sache mit den Pfeilen zu überprüfen. Solange ich die für mich überdimensionale Höhe der Tabs (Tabbar) nicht verändere, so sind auch die Pfeile im Original erhalten.
Verringere ich die Höhe, so werden auch die Pfeile kleiner, so dass ich den von dir oder Sören geschaffenen Code nutzen muss.
Dadurch werden aber auch wieder die Pfeile in den Lesezeichenordnern mit vergrößert, d.h. vom Original aus vergrößert, und erscheinen dann in der Ansicht sehr groß, wenn der Wert zu hoch angesetzt ist.
Weil ich doch etliche Ordner habe, wo dann die Scrollbutton erscheinen, deshalb mein Ansinnen hier eine Trennung zu schaffen.
Es wäre wirklich gut, wenn hier eine Lösung gezeigt würde.
Andreas, bis hierher meinen besten Dank an dich.

-
Hier ändert sich auch bei hover nichts mit deinem Code
Probehalber geändert, Farbe Rot in beiden Button.
CSStoolbarbutton#scrollbutton-up { background-color: red !important; border: 1px solid royalblue !important; /* border-radius: unset !important; */ margin-top: 1px !important; max-height: 28px !important; min-height: 28px !important; }Hover geändert auf Farbe Lime
-
Kann auch nicht, denn sonst hast du den Pfeil ja in blau, und nicht in rot.
Das ist bei Hover aufgenommen.
So sehen sie in Ruhe aus.
und 
-
Hast du davon mal einen Screenshot bitte.
Sorry, Andreas, war mal Sonne tanken.
-
Ne, Andreas, da passiert nichts, aber nun habe ich die Scrollbutton nach unten verlagert, damit auf gleiche Höhe gebracht, so geht es dann auch.
Ich bedanke mich für eure Hilfe und eure Bemühungen.

Das Thema hatten wir vor langer Zeit schon einmal, dass die Scrollbutton hier und übergreifend auch in den Lesezeichenordnern wirken. Gibt es zu diesem Zeitpunkt eventuell eine Möglichkeit hier eine Trennung vorzunehmen?
-
Und so?
Auch nur das Icon.
Da wäre dann der komplette Code für diesen Bereich hilfreich.
Ist ein wenig durcheinander, weil der Test-Code.
CSS
Alles anzeigen/*======== Alltabs-Button Scrollpfeile (Pfeil links/rechts) ========*/ /*==== hat auch Wirkung auf Scrollbutton in Lesezeichen ordnern ====*/ toolbarbutton#scrollbutton-up { background: lightblue !important; border: 1px solid royalblue !important; border-radius: unset !important; margin-top: 1px !important; /* margin-bottom: 2px !important; */ fill: blue !important; max-height: 28px !important; min-height: 28px !important; size: 22px !important; } /* #scrollbutton-up .toolbarbutton-icon { transform: scale(1.8) !important; } */ toolbarbutton#scrollbutton-up:hover { background: yellow !important; border: 1px solid royalblue !important; fill: red !important; max-height: 28px !important; min-height: 28px !important; } toolbarbutton#scrollbutton-down { background: lightblue !important; border: 1px solid royalblue !important; border-radius: unset !important; margin-top: 1px !important; /* margin-bottom: 2px !important; */ max-height: 28px !important; min-height: 28px !important; size: 22px !important; } /* toolbarbutton#scrollbutton-down .toolbarbutton-icon{ transform: scale(-1.8) !important; } */ toolbarbutton#scrollbutton-down:hover { background: yellow !important; border: 1px solid royalblue !important; fill: red !important; max-height: 28px !important; min-height: 28px !important; } /* All-Tabs-Button wird angezeigt */ #alltabs-button{ visibility: visible !important; fill: blue ! important; background: gold !important; border: 1px solid blue !important; max-width: 28px !important; min-width: 28px !important; margin-right: 3px !important; max-height: 28px !important; min-height: 28px !important; } /* blendet die Hintergrundfarbe (Grau) bei Hover aus */ #alltabs-button:hover .toolbarbutton-badge-stack { background: none !important; } /* Hintergrund bei Hover */ #alltabs-button:hover { background: greenyellow !important; border: 1px solid red !important; } /* im alltabs-button - new-tab-button ausblenden */ #TabsToolbar #new-tab-button { display: none !important; } /* rechts bündiger Abschluss der Tableiste */ hbox.titlebar-spacer, tabs tab:not([fadein]) { display: none !important; } #allTabsMenu-allTabsView { background-color: beige !important; border: 2px solid green !important; border-radius: 8px !important; max-width: 0 !important; min-height: 600px !important; padding: 0 !important; margin: 0 !important; } /* #alltabs-button { list-style-image: url(chrome://global/skin/icons/arrow-dropdown-16.svg); transform: scale(2.5) !important; } */ #alltabs-button > stack .toolbarbutton-icon { list-style-image: url(chrome://global/skin/icons/arrow-dropdown-16.svg); transform: scale(2.2) !important; } #scrollbutton-down > image { transform: scale(-2.0) !important; } #scrollbutton-up > image { transform: scale(2.0) !important; } -
Wenn ich den Code so verwende, dann passiert das :

Es wird damit ja nur das Icon verlagert.

-
Danke, Andreas, das funktioniert perfekt.

Dann noch etwas, ich versuche krampfhaft den #alltabs-button einige Pixel nach oben zu verlegen, er rührt sich nicht von der Stelle, weder mit padding, noch mit margin.
-
Du musst die Multiplikation mit -1 schon berücksichtigen, damit sich daran nichts ändert:
Das klappt wunderbar, danke Sören.

Der Code aus #258 will überhaupt nicht wirken.

-
Sieht hier so aus:
Nichts zu machen, Andreas, nur noch den Code für die Tabs und die drei rechten Button aktiv, aber die Pfeile bleiben klein.
Füge ich den Code ein, dann ist wieder gut.
Nun habe ich versucht für #scrollbutton-up und #scrollbutton-down das auch so zu übernehmen.
Für up mit dem Code:
Das funktioniert auch, aber wenn ich jetzt auch bei #scrollbutton-down das so verwende, dann dreht der Pfeil nach links, obwohl ja original die Stellung nach rechts zeigt. Was läuft da nicht richtig?
-
Super, Andreas, das ist es.

Nur zum Verständnis, wenn ich mit folgendem Code unter Proton von der originalen Größe abweiche, dann wird auch das Icon mit verkleinert.
CSS
Alles anzeigen#alltabs-button{ visibility: visible !important; fill: blue ! important; background: gold !important; border: 1px solid blue !important; max-width: 28px !important; min-width: 28px !important; margin-right: 3px !important; max-height: 28px !important; min-height: 28px !important; } -
Die Werte musst du dir dann noch anpassen.
Damit wird der ganze Button mit vergrößert.


-
Na siehste....
Andreas, nochmals zu den Pfeilen im Alltabs-Button, gibt es da die Möglichkeit diese über css-Code zu vergrößern. Ich finde die Ursache dafür nicht, wieso diese verkleinert hier auftreten.
-
Ein großes Dankeschön an euch Beide, nun habe ich es geschnallt, funktioniert tadellos.

-
Dann links daneben auf diesen Button noch klicken:
Das habe ich nie gemacht, werde es dann morgen ausgiebig testen. Danke, Andreas, für die Lehrvorführung.

-
dann wird dir im linken Teil automatisch die Bezeichnungg dafür angezeigt.
Das habe ich auch gedacht, aber das war hier nicht so. Deshalb suche ich immer auf der linken Seite nach dem passenden Eintrag, alle Pfeile aufklappen, ein riesiger Aufwand. Nun habe ich mich schon immer gewundert, wie du das so schnell raus bekommst. Also doch der Meister!

-
Dann mit der Maus den gesuchten Eintrag auswählen.
Ja, danke Andreas, das habe ich schon durch, aber erst einmal den Eintrag finden.
-
Funktioniert genau wie mit allen anderen Einträgen auch.
Glaube ich dir gern, aber da gehört doch schon eine gewisse Übung und Erfahrung dazu, und die fehlt mir immer noch.
Aber der Code #234 funktioniert auch, dann muss ich ja wohl an die Arbeit, um das zu bereinigen. Wenn ich nicht weiter komme, dann rufe ich um Hilfe.

-
Endors Dateien sollten auf jeden Fall da sein. Denn es sind externe Dateien, die nicht von Mozilla zur Verfügung gestellt werden.
Erst einmal danke für deine Erläuterungen, milupo. Die Dateien hatte ich schon vorab alle auf "Vordermann" gebracht, nur hapert es bei mir mit der Feststellung der Selektoren, ist doch nicht so einfach.
