- Firefox-Version
- 89
- Betriebssystem
- Win10
Liebe Gemeinde,
bisher gab es immer nette Helferlein die mir den auf die Tabs bezogenen Code erstellt und dann gepflegt haben.
Ich hoffe daß ist weiterhin der Fall 
Seit dem Update gibt es ja bekanntermaßen das Abstandsproblem.
Dieses hat auch meine mehrzeiligen Tabs getroffen.
Ich habe eine 3-Zeilige Anzeige mit Scrollmöglichkeit. Diese wird jetzt durch eine gigantische Platzverschwendung oben und unten nach der 3-zeiligen Anzeige mit diesem Leerrand oder wie immer man das auch benennen mag torpediert. Da ich einen kleinen Monitor habe ist das für mich wertvoller Platz der verschwendet wird.
Ich habe aus einem anderem Thread hier eine mögliche Lösung herauskopiert, welche aber für mich nicht 100% paßt.
Der untere Rand ist sehr wohl verschwunden, der obere auch, aber oben sehe ich damit meine Menüleiste nicht mehr.
Ich hoffe auf wohlgesonnene Helfer 
Der von mir neu eingefügte Code ist zu finden unter ANFANG Selbst eingefügt und geht bis /* ENDESelbst eingefügt
/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !important;
}
#titlebar,#tabbrowser-tabs {
appearance: none !important;
}
[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}
/* ANFANG Selbst eingefügt mit FF89 aus anderem Hilfethread */
/* Abstand nach oben - unten, und Höhe der Tableiste */
#titlebar {
margin-top: -20px !important;
margin-bottom: -20px;
}
/* ENDE Selbst eingefügt mit FF89 aus anderem Hilfethread */
/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}
tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}
tabs tab,.tab-background {
height: var(--tab-min-height);
overflow: hidden;
}
tab > .tab-stack {
width: 100%;
}
box[class="scrollbox-clip"][orient="horizontal"] {
-moz-window-dragging: no-drag;
}
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]) {
display: none;
}
/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
min-width: 172px !important;/* Minimale Tabbreite 76px */
max-width: 172px !important;/* Maximale Tabbreite 225px */
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*Rahmen um Tabs */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tabbrowser-tab{ /*Rahmen um Tabs*/
border:1px solid grey!important
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*Tab farblich einfärben */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tabbrowser-tab[pending="true"] .tab-label {
color: blue !important;
}
.tabbrowser-tab[unread="true"] > .tab-stack > .tab-background {
background: skyblue !important;
}
.tabbrowser-tab:not([pending="true"]):not([unread="true"]) > .tab-stack > .tab-background:not([selected="true"]) {
background: PaleGoldenrod !important;
}
.tabbrowser-tab > .tab-stack > .tab-background[selected="true"] {
background: LightCoral !important;
}
.tabbrowser-tab[selected="true"] .tab-label {
font-weight: bold !important;
}