Tabs schmaler

Quote from seipe

Ist es möglich die Tabs schmaler zu bekommen.

Schau mal, ob das ↓ in der userChrome.css schon ausreicht, eventuell den Wert noch anpassen.

:root {
    --tab-min-height: 26px !important;
}

Quote from seipe

Damit wird die Tableiste nur schmaler. Ich meinte die Tabs selbst.

Teste bitte das ↓ CSS-Schnipsel.

.tabmail-tab {
    min-height: 24px !important;
}

Quote from seipe

Dharkness mit dem Schnipsel ändert sich nichts.

Grml,

hm, ist es mal wieder .tab-background?

Test bitte die ↓ Variante.

.tabmail-tab,
.tabmail-tab .tab-background {
    min-height: 24px !important;
    max-height: 24px !important;
}

Quote from seipe

Jetzt passt es.

Menno,

warum ignoriere ich immer mal wieder .tab-background?

Schön das ich helfen konnte, war gerne geschehen.

Wie lautet der Code, wenn ich die Tab-Breite der Länge des Labels anpassen möchte?

Quote from pupil

Wie lautet der Code, wenn ich die Tab-Breite der Länge des Labels anpassen möchte?

Ich sehe da derzeit keinen passenden CSS-Schnipsel.

Ich hab es mal damit versucht.

#tabmail-tabs .tabmail-tab,
#tabmail-tabs .tabmail-tab .tab-stack,
#tabmail-tabs .tabmail-tab .tab-background,
#tabmail-tabs .tabmail-tab .tab-content{
flex: 0 0 auto !important;
max-width: 160px !important;}

#tabmail-tabs .tabmail-tab,
#tabmail-tabs .tabmail-tab .tab-stack,
#tabmail-tabs .tabmail-tab .tab-background,
#tabmail-tabs .tabmail-tab .tab-content{
min-width: calc(var(--tab-min-width) + 50px) !important;}

Das entspricht aber noch nicht ganz meinen Vorstellungen.

Quote from pupil

Das entspricht aber noch nicht ganz meinen Vorstellungen.

Ich denke, Du brauchst nur jeweils die ersten Zeilen #tabmail-tabs .tabmail-tab des Schnipsels, .tab-stack, .tab-background und .tab-content passen sich eigentlich automatisch mit an, so war es zumindest bei mir.

Quote from pupil

Das entspricht aber noch nicht ganz meinen Vorstellungen.

Ich habe mal nebenan im Firefox-Forum gefragt und das ↓ ist als umgebaute Lösung herausgekommen.

/* Tab darf seine Breite selbst bestimmen */
.tabmail-tab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 400px !important;
}

Vielen Dank. Bei mir reichen die Zeilen 2 bis 4. min- und max-width ist nicht notwending.