Ebenfalls: Multirow-Tableiste mit Userchrome.css funktioniert nicht mehr in FF81

magic_pit

Ebenso wie im erst erstellten Thread habe ich seit dem Update das Problem, daß die schöne Mehrzeiligkeit in der Anzeige verschwunden ist. Anstelle aller Zeilen in Übersicht nur noch eine Zeile, der Rest muß erscrollt werden.

Da ich ein anderes Script verwende, welches mir hier freundlicherweise einmal erstellt wurde, stelle ich es ein.

Meine Vermutung ist ein Eintrag beim Scrollbox-Teil, aber ich bin absoluter Laie.

CSS

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*Tabs mehrzeilig sowie Tab-Höhe verringern */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ----------------------------*/

/* Mehrzeilige Tabreihen */

/* ----------------------------*/

/* Tab-Höhe */

.tabbrowser-tab {

min-height: 30px !important;

max-height: 30px !important;

vertical-align: bottom !important;

margin-top: 1px !important;

margin-bottom: 1px !important;

}

/* Feste Breite des einzelnem Tabs */

.tabbrowser-tab:not([pinned]) {

min-width: 172px !important;

}

/* Platz für Scrollbar schaffen */

.tabbrowser-tabs {

margin-right: -41px !important;

}

tabs > arrowscrollbox {

display: block;

}

scrollbox[part][orient="horizontal"] {

display: flex;

flex-wrap: wrap;

overflow: visible !important;

overflow-x: hidden !important;

overflow-y: auto !important;

min-height: 32px !important; /* Tab-Höhe(30px) + 2px */

max-height: calc( 3 * 32px ) !important; /* Anzahl der Tabreihen * Minimal-Höhe */

-moz-window-dragging: no-drag !important;

}

/* Buttons/Zwischenräume Ausblenden */

hbox.titlebar-spacer,

#alltabs-button,tabs tab:not([fadein]),

[class="scrollbutton-up"],

[class="scrollbutton-up"] + spacer,

scrollbox[part][orient="horizontal"] + spacer,

[class="scrollbutton-down"] {

display: none;

}

.tab-stack {

width: 90%!important;

}

#main-window[tabsintitlebar] #tabbrowser-tabs {

-moz-window-dragging: no-drag;

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*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;

}

Alles anzeigen

Edit 2002Andreas
Text in Klammercode </> gesetzt.

2002Andreas

Teste bitte mal.

CSS

/* 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;
}

/* 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: 150px !important;/* Minimale Tabbreite 76px */
max-width: 150px !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;

}

Alles anzeigen

magic_pit

Suuuuper.

Funktioniert tadellos.

Einen Orden für den Mann

Ein tolles Forum, hier wird einem wirklich geholfen.

Habe bisher leider keine entsprechende Erweiterung gefunden, daher bitte nicht das Forum verlassen liebe Helferlein, ich habe so ein Gefühl daß das Script immer wieder mal angepasst werden muß.

Pit

2002Andreas

Freut mich wenn ich dir damit helfen konnte

?