Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

  • vertikale Höhe

    Höhe ist immer vertikal. ;)

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • für die vertikale Höhe der Tabs?

    Ich nutze den Code aus Beitrag Nr. 1 für Tableiste unten.

    2002Andreas
    7. Dezember 2019 um 18:38

    Da muss normalerweise dann nichts mehr verändert werden. :/

  • Da muss normalerweise dann nichts mehr verändert werden.

    Für #tabbrowser-tabs ist standardmäßig ein Wert von 36px für die CSS-Variable --tab-min-height definiert, die für min-height verwendet wird.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Da muss normalerweise dann nichts mehr verändert werden.

    Für #tabbrowser-tabs ist standardmäßig ein Wert von 36px für die CSS-Variable --tab-min-height definiert, die für min-height verwendet wird.

    Dein Code Ist schon gut, nur möchte die Tabs in der Höhe reduzieren.

    Habe aus

    padding-bottom: calc( var(--tab-min-height) + 8px );

    ein

    padding-bottom: 29px;

    gemacht und in alle Tabs die Höhe eingefügt

    height: 25px !important;

    Das hat für den aktiven Button die falsche Anzeige wie im Screenshot zu sehen die Folge.

    Die inaktiven Tabs schauen gut aus, hier würde ich gerne den Tab-Text vertikal zentrieren, genauso wie dann beim aktiven Tab.

    Wie würde ich da vorgehen?

  • Evtl. kannst du damit ja einiges für dich noch ändern:

  • myfire Bitte mach keine Vollzitate. Zitiere nur das Wesentliche, worauf du dich beziehst. Achte bitte auch darauf, dass du Text nicht versehentlich in den Zitatkasten schreibst.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Servus,

    bin total begeistert von den tabs unten. Hat alles wunderbar funktioniert.

    Hab auch winzige Veränderungen (Farbe,Anzahl) vorgenommen. Perfekt.

    Vielen Dank dafür.

    Lediglich im privaten Fenster überlagert der dunkle OO Balken die unteren Tabs.

    Habe leider nichts darüber im Forum gefunden.

    Gibts da ne einfache Lösung zum hochsetzen oder zum nichtaktivieren der css nur bei privatem Fenster?

    Hier die userchrome:

    Vielen Dank für weiterführende Gedanken.

    3 Mal editiert, zuletzt von razap (11. April 2022 um 20:32) aus folgendem Grund: Anfänger

  • Problem gelöst

    Zur besseren Erkennung ob du im privaten Modus bist, kannst du dir das lila Icon auch z.B. links neben den Button mit den 3 Strichen/Hamburger-Menü legen.

    Dazu einfach diesen Code auch noch einfügen.

  • Das ist die ultimative Hilfe, ich bin platt. Vielen Dank.

    Jetzt ist das kleine Zeichen da rechts oben. 8o Super.

    Danke für deinen Aufwand.

    Alles was wir geben kommt auch wieder zu uns zurück!

    Gruß razap

  • "Nabend"

    hab da ein kleines "Problem"

    seit der Beta 101 sind die nicht geöffneten Tabs (Reiter) nicht mehr "lesbar" - siehe Bilder


    Beta 100


    Beta 101


    wo könnte der Fehler liegen

    keine *.js und *.css Änderungen gemacht

    idee?

    bleibt ruhig hat zeit

    gruß uni

  • wo könnte der Fehler liegen

    Teste bitte mal: