TAB-Breite ändern

  • Firefox-Version
    113.0.1
    Betriebssystem
    Win 10

    Hallo allerseits,

    nach dem Update auf FF113.0.1 ist die TAB-Breite gewachsen.

    Meine Einstellungen über den Code

    CSS
    /* Tab-Breite ändern */
    
    .tabbrowser-tab{
    
    -moz-box-flex: 0!important;
    
    width: 172px!important;}

    scheinen nicht mehr zu funktionieren.

    Der Tipp hier #22 führt bei mir zum Abschneiden der unteren Hälfte der Tableiste.

    Hat jemand eine zündende Idee?

    Ich wünsche auf alle Fälle noch einen schönen Sonntag.

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • Hat jemand eine zündende Idee?

    Teste bitte:

    CSS
    /* Tab-Breite ändern */
    
    .tabbrowser-tab{
    
    flex-grow: 0 !important;
    
    width: 172px!important;}

    noch einen schönen Sonntag.

    Danke, das wünsche ich dir auch :)


    oder:

    CSS
    /* Tab-Breite ändern */
    
    .tabbrowser-tab {
    max-width: 172px!important;}

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (14. Mai 2023 um 14:00) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Besten Dank Andreas! Wie immer :thumbup: :thumbup:

    Dein 2. Code ist zielführend.

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • Leider zu früh gefreut!

    Ich habe jetzt folgendes Problem:

    Die Tabs wandern immer weiter nach rechts mit größeren Abständen. Wie ließe sich das ändern?

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • Meine Tab-Leiste ist oben. Dein Vorschlag hilft leider nicht.

    Lösche ich z. B. 2 vorhandene Tabs, dann wandert der nächste Tab, der geöffnet wird, weiter nach rechts. Lösche ich mehrmals, wird ein neuer Tab immer weiter rechts geöffnet, sodass sich der 1. Tab schließlich im letzten Drittel der Tableiste befindet.

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • dann wandert der nächste Tab

    Kann ich hier zwar nicht bestätigen, aber teste es dann bitte mal so:

    CSS
    .tabbrowser-tab:not([pinned]) {
      flex-grow: 0 !important;
      min-width: 172px !important; /*Feste Breite für die Tabs, kann geändert werden*/
    }
    
    *|*:root { 
      --tab-toolbar-navbar-overlap: 0 !important;  
      --tab-min-height: 28px !important;
    }
  • Jetzt sind die TABS wieder etwas breiter, aber die TAB-Leiste ist unten abgeschnitten.

    Das Tab-Verhalten ist allerdings wieder " normal".

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • Teste bitte:


    Hier war z.B. die Auskommentierung falsch:

    da fehlte am Ende */

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (14. Mai 2023 um 15:00) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Ich spendiere noch ein "g" für Zeile 2...

    Dann passt der Abstand nicht mehr ;)

    Von daher war es gut, dass der Code nicht genutzt wurde.

    Also den Code löschen.

    CSS
    #tabs-newtab-button {
    paddin-top: 22px !important;
    }

    Diesen hatte ich schon entfernt:

    CSS
    #TabsToolbar {
    
    min-height: 32px !important;
    
    max-height: 25px !important;
    
    margin-top: 4px !important;
    
    margin-bottom: -12px !important;
    }

    min-height kann nicht größer sein als max-height ;)

  • Mit dem neuen Code funktionieren die Tabs wieder normal, allerdings liegen sie nicht mehr an der unteren Tab-Leisten-Linie an:

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • Vielen Dank Andreas! Ich habe die Werte etwas angepasst und jetzt ist alles bestens! :)

    :thumbup:

    Gruß
    graubaer

    *** "Ich schwöre, dass ich meine Kraft dem Wohle des deutschen Volkes widmen, seinen Nutzen mehren, Schaden von ihm wenden ..." (Amtseid der Bundesminister/-innen - Auszug)***

  • und jetzt ist alles bestens!

    Noch nicht ganz ;)

    Links die beiden Pfeile für Vor bzw. Zurück passen nicht mehr.

    Entfern in deinem Code mal die Zeilen 126 - 142.

    Und test dann diesen Code: