Tab mit Plus-Zeichen ganz rechts in Firefox 112

  • Leicht andere Optik

    Dann erzähl doch bitte mal, was genau du noch geändert haben möchtest.


    So sieht die Tab-Leiste aktuell aus:


    Und hier von einer älteren Firefox-Version:

    Ich finde dieses ältere Design deutlich angenehmer, weil die einzelnen Tabs klar voneinander abgegrenzt sind. Außerdem ähneln sie optisch den klassischen Papier-Registerkarten (englisch Tabs).

    LG

    Andreas

    :)

    Einmal editiert, zuletzt von AndreasR (13. April 2023 um 09:29) aus folgendem Grund: Ein Beitrag von AndreasR mit diesem Beitrag zusammengefügt.

  • weil die einzelnen Tabs klar voneinander abgegrenzt sind.

    Meinst du das so?

    Wenn ja, dann teste bitte:

    CSS
    .tabbrowser-tab:not([visuallyselected="true"]) > .tab-stack > .tab-background {
       border: 1px solid grey !important;    
    }

    Oder auch so, dann ist der Schatten hinter dem aktiven Tab weg:

    CSS
    #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
      box-shadow: none !important;
    }
    
    .tabbrowser-tab > .tab-stack > .tab-background {
       border: 1px solid grey !important;    
    }

  • So sieht die Tab-Leiste aktuell aus:

    ...

    LG

    Andreas

    Das ist m.M. nicht die Tableiste!

    Das sieht mir eher nach Lesezeichen-Symbolleiste aus.

    Und hier die Farbwerte

    für "Menüleiste" (Hintergrund) = #d4d0c7

    für "inaktiver Tab" = #c6c3be

    für "aktiver Tab" = #f0efeb

    für "Border" =#93908b

    Hier den Code dazu:

    Farben kannst Du ja ganz nach Belieben verändern.

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (13. April 2023 um 11:20)

  • Selbstverständlich ist das die Tableiste.

    Erkennt man doch an dem + hinter dem letzten Tab.

    Und vergleich einfach mal seine beiden Screenshots. ;)

    Ist für mich nicht so ersichtlich.

    Und wo ist hier überhaupt zu erkennen, dass das die Tabs sind,

    geschweige denn das + hinter dem letzten Tab?

    Aber ich gebe Dir insoweit recht, wenn man beide Bilder miteinander vergleicht,

    könnte man darauf kommen.

    Nur warum sind da auf dem ersten Bild weder Closebutton noch Rahmen zu sehen?

    Mit <3lichem Gruß

    Mira

  • Und damit wird der Tabtext am Ende nicht ausgeblendet:

    CSS
    /* Tabtext wird nicht ausgeblendet */
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
      mask-image: none !important;
    } 

    Und das wäre dann der kompl. Code:

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (13. April 2023 um 11:40) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Und so, wenn das x immer angezeigt werden soll, und die Breite der Tabs festgelegt sind:

    Die Breite kann beliebig angepasst werden.


  • Ich finde dieses ältere Design deutlich angenehmer, weil die einzelnen Tabs klar voneinander abgegrenzt sind. Außerdem ähneln sie optisch den klassischen Papier-Registerkarten (englisch Tabs).

    Irgenwann hast du dich anscheinend mal mit dem Thema beschäftigt, ausgehend von deiner massiven CSS Datei. ;)

    Falls du neu einsteigen willst mit etwas mehr als Basismodifikationen, würde ich empfehlen evtl. hier zu schauen für die etwas komplizierte Variante (was du teils schon benutzt hattest), oder hier für einfachere, aber leichter zu kontrollierende Modifikationen einzelner Bereiche.

  • kommt von einem relativ umfangreichen Umbau

    Wovon wahrscheinlich das meiste nicht gebraucht wurde ;)

    Oder einfach etwas neues hinzugefügt wurde, ohne das alte vorher zu löschen etc. etc.

    Absolut mein Reden.

    Ich denke wir meinen das Gleiche, drehen uns nur ein bisschen im Kreis hier. ;)

    Es gibt diverse Optionen um zum gezeigten alten Design zurückzugehen - man muss halt ein wenig Aufwand betreiben, wobei manche auswärtige Quellen helfen würden.

    Oder man kann sich auf auf die erwähnten Basismodifikationen beschränken, falls das nicht erforderlich ist, dann reichen kleinere Änderungen völlig aus.