Beiträge von Horstmann

  • Tableiste unten per CSS-Code, oder per Skript.

    Zitat von FuchsFan
    Zitat von Gehberger

    Kann man diese Mindestgröße reduzieren, damit mehrere offene Tabs immer kleiner werden, aber noch vorhanden sind und nicht überlaufen?

    Das kannst Du damit probieren.

    CSS
    /* Länge der Tabs */
.tabbrowser-tab[fadein]:not([style^="max-width"]) {
    max-width: 25vw !important;
    min-width: 18vw !important;
}

    Ist aber etwas Arbeit das ordentlich zu justieren, und nix für Ungeübte... :/

    Das Einfachste wäre in about:config die Einstellung browser.tabs.tabMinWidth zu verändern.

    Ein höherer Wert lässt die Tabs früher überlaufen, ein niedrigerer Wert erlaubt mehr Tabs vor dem Überlaufen ( geht auch mit CSS ).

  • Tab mit Plus-Zeichen ganz rechts in Firefox 112

    Zitat von 2002Andreas

    Das kann ich dir anbieten:

    CSS
    .tabbrowser-tab[pinned] {
   -moz-box-ordinal-group: 2 !important; 
}

    Oder auch sowas, damit der Neuer Tab Button rechts von allen Tabs bleibt:

    CSS
    .tabbrowser-tab[pinned] {
    -moz-box-ordinal-group: 2 !important; 
    order: 2 !important;
}

#tabbrowser-arrowscrollbox-periphery {
    -moz-box-ordinal-group: 3 !important; 
    order: 3 !important;
}

    Der Haken ist, es funktioniert nicht wenn die Tabs überlaufen.

    Es gibt auch noch das hier, ist aber ebenfalls nicht das Wahre, wie der Autor auch anmerkt.

  • Bei mir läuft die Anpassung für die Scrollbutton der Tabbar amok.

    Zitat von Mary-J.

    @Horstmann,

    danke für die Erklärung, Ich habe einfach nur die var() übersehen,

    so ein sch...

    Macht auch keinen Unterschied, wenn die Variable nicht vorher definiert wird.

    Zitat
    Dein GuRu ist nicht der Erfinder des Präfixes uc .

    Charmant, erinnert mich an jemanden... ;)

    Wer ist denn der 'Erfinder', und wen juckt's? 8)

    Deine andere Frage hat mich auch beschäftigt, also habe ich - extra für dich - mal eben beim Chef/Guru nachgefragt, und netterweise wie immer eine hilfreiche Antwort bekommen.

  • Bei mir läuft die Anpassung für die Scrollbutton der Tabbar amok.

    Zitat von Mary-J.

    Bisher habe ich die Shadowroot-Variablen-Lösung immer mit einer Variablen-Deklaration eine Ebene höher als die Variablen-Definition angewendet. Hast Du vielleicht hierfür auch eine einfachere Lösung?

    CSS
    /*vertical scrollbar for bookmarks folder*/
#PlacesToolbar menupopup {
    --uc-menupopup-overflow: auto !important;
}
.scrollbox-clip > scrollbox[orient="vertical"] {
    overflow-y: var(--uc-menupopup-overflow,hidden) !important;
}

    Die Frage verstehe ich nicht ganz.

    Wenn ich den Code ausprobiere, scheint er zu funktionieren, und sieht denkbar einfach aus. :/

    Normal eingestezt in der userChrome.css, ohne shadow-root Skript.

    Zitat

    Nur mit:

    CSS
    .scrollbox-clip > scrollbox[orient="vertical"] {
    --uc-overflow-y: auto !important;
}

    geht das jedenfalls nicht.

    Die Variable --uc-overflow-y wird hier nur definiert, nicht angewandt; hier nochmal der Link zum Infoartikel.

    --uc-overflow-y ist so eine selber erstellte Variable - --uc wird glaub ich ursprünglich von It_Was_The_Other_Guy benutzt, und ist ein beliebiges Kürzel.

    Man kann auch --abc-Rumpelstilzchen-overflowhaha benutzen, oder sonstwas, solange es keine Benennung ist die Fx schon verwendet.

    Angewandt wird die Variable dann mit var(); entweder im Element in dem es definiert wurde, oder in einem untergeordneten Element.

    Etwa so, die Variable lässt sich auf alles in Navbar anwenden:

    CSS
    #nav-bar {
    --abc-Rumpelstilzchen-doofe-farbe: pink;
}

#PanelUI-menu-button {
    background-color: var(--abc-Rumpelstilzchen-doofe-farbe) !important;
}

    Oder so:

    CSS
    #PanelUI-menu-button {
    --abc-Rumpelstilzchen-doofe-farbe: pink;
    background-color: var(--abc-Rumpelstilzchen-doofe-farbe) !important;
}


  • Bei mir läuft die Anpassung für die Scrollbutton der Tabbar amok.

    Zitat von FuchsFan

    Wie müsste er jetzt aussehen, wenn ich für beide Bereiche andere Icons einsetzen möchte. Habe mich schon daran versucht, aber will nicht so wirklich funktionieren.

    Der Code von Andreas funktioniert hier; alternativ sollte auch sowas funktionieren:


    Oder diese einfache Variante mal testen; hier muss man nur beachten, dass Firefox selber die Pfeile (Icons) intern transformiert, bzw. in der Richtung anpasst.

    transform sollte man also dann nicht zusätzlich benutzen, und das Positionieren könnte im Einzelfall etwas aufwändiger sein; aber es ist simpler, und man braucht nur ein Icon nach links und eines nach unten zeigend.

    Zum Testen hier noch ein paar Icons, die gehören dann - mit dem CSS von oben - direkt in den chrome Ordner.

    Oder eben die url Pfade und Bilddateien nach Wunsch anpassen.


  • Bei mir läuft die Anpassung für die Scrollbutton der Tabbar amok.

    Hier noch ein Vorschlag, falls es sonst jemand mal testen möchte:

    Der Sinn der Übung wäre mit zwei separaten Pfeilicons (rechts/links) sowohl die Tableiste als auch die Menüpopups (hoffentlich alle) bedienen zu können.

  • Bei mir läuft die Anpassung für die Scrollbutton der Tabbar amok.

    Zitat von 2002Andreas

    Nö ;)

    Das kommt drauf an, wie du die Pfeile ansprichst.

    In meinem Beispiel sieht das so aus:

    CSS
    #tabbrowser-arrowscrollbox::part(scrollbutton-up) {
    list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/links.png") !important;
}

#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
    list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/links.png") !important;
}

    Und diesen Code habe ich in die userChromeShadow.css eingetragen.

    Dazu muss dann aber erstmal shadow-root editierbar gemacht werden, wie hier schön beschrieben, oder?

    Ist elegant, hat aber vielleicht nicht jeder im Programm. ;)

    Ohne shadow-root anzugehen habe ich mal sowas probiert - nur kurz angetestet:

    Das wäre für separate rechts/links Pfeile, mit neutraler Ausrichtung, und sollte eigentlich nur die in der Tableiste ansprechen.

  • Bei mir läuft die Anpassung für die Scrollbutton der Tabbar amok.

    Zitat von 2002Andreas

    Ist wohl auch Standard so :/

    Und wird dann so geändert:

    Und noch dazu ist das linke Scrollbuttonicon auch gespiegelt, allerdings vertikal, die CSS in Fx dazu sieht so aus:

    CSS
    #scrollbutton-up > .toolbarbutton-icon {
  transform: scaleY(-1);
}

    Womit ich gerade eine Menge Spass hatte, als ich beide Pfeile umpositionieren wollte... :( ;)


    Für das rechte Pfeilicon sieht der Fx Code so aus, also horizontal gespiegelt - und bei rtl Leserichtung werden die Icons dann noch mal anders angesprochen:

    CSS
    :host([orient="horizontal"]) > #scrollbutton-down:-moz-locale-dir(ltr) > .toolbarbutton-icon, :host([orient="horizontal"]) > #scrollbutton-up:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  transform: scaleX(-1);
}

  • custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

    Zitat von Fischkopp

    Die Rahmen etc. werden natürlich von der ...navbar...css eingefügt. Die Deaktivierung DIESES Moduls war der "Heilsbringer".

    Danke für die Korrektur! - für einen Moment war ich völlig durcheinander, dachte ich hätte wieder kompletten Mist geschrieben. =O ;)

    Falls, wie es scheint, diese Datei bei dir in der userChrome.css als @import Variante ausgewählt ist, solltest du also in der buttons_on_navbar_classic_appearance.css dann die Schatten anpassen können etc., ohne das ganze Ding komplett zu deaktivieren und einige andere Stilelemente damit mit rauszuwerfen.

    buttons_on_navbar_classic_appearance.css findest du im CSS Ordner in DeinProfilordner/chrome, aber das kennst du wohl schon.

    In der Datei gehst du runter zu /* classic button style */ , und die box-shadow Werte in den 3 folgenden Codeblöcken kannst du dann löschen, ändern, oder einfach mit /*-----*/ deaktivieren - /*Hier Code der aus soll*/ .

    Evtl. das Gleiche mit den border-color Regeln an der Stelle.

    Der Aris Code ist recht komplex und interaktiv; es könnte sich lohnen nicht gleich komplette Teilstücke zu entfernen, nur um eine einzelne Anpassung vorzunehmen.

    Bei Fragen - frag. :)