Beiträge von FuchsFan
-
-
Damit ↓ vielleicht?
Das funktioniert, danke.
Du nutzt wahrscheinlich ein Script dafür.
Ja, Andreas, Favicon in urlbars.uc.js.
-
Notlösung:
Ich habe auf 21px gestellt, damit kann ich leben. Danke, Andreas!
-
Teste bitte
Favicon ist auch damit weg.
-
Lupe weg
Ja,das glaube ich dir jetzt.
Code 1:
Favicon ist auch weg
Code 2:
hier ist es dann da, aber wenn das schloss auch weg ist, nicht so gut
Wie müsste es dann nur für die Lupe sein?
-
Passt doch
Danke!
Mit dem Code geht aber das Favicon auch weg, was ich nicht wollte.
Mit diesem dann nur die Lupe, so soll es sein.
-
Oder auch so:
Danke, Andreas, auch das funktioniert.
Noch eine Sache, ab der Version 89 funktioniert der folgende Code nicht mehr zum Ausblenden der Lupe in der Url-Bar. Ich bekomme das nicht abgeändert, bitte helfen.
CSS/**** Lupe und senkrechter Pfeil aus Adressfeld entfernt *****/ .urlbar-history-dropmarker, #identity-box[pageproxystate="invalid"] > #identity-icon { display: none !important; }
Edit:
Nun ist es mir doch noch gelungen, bitte mal überprüfen, ob das so i.O. ist.
-
Oder teste bitte:
Das habe ich auch gerade probiert, funktioniert wunderbar. Danke, Andreas!
-
Meinst du das?
Nein, Andreas, für Hover habe ich fertig.
Verlässt du den Button nach Öffnung, dann erhält der Button wieder die originale Farbe (hier Gold), aber es legt sich dieses Grau davor/dahinter.
-
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.
-
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?