ich musste meinen PC neu aufsetzen,
Du hast die Vorbereitung zur Nutzung von Skripten im Firefox gemacht?
Wenn nicht, dann lies das bitte mal dazu:
Andreas, Du bist mein Held !
Woran ich natürlich nicht mehr gedacht habe, dass man nicht nur den Profilordner kopieren, sondern auch im Installationsordner noch was verändern muss. Erledigt und schaut jetzt aus wie immer.
Danke und einen schönen Sonntag!
Aber das kann doch eigentlich nicht sein ?! Gleiche Voraussetzungen, aber unterschiedliches Ergebnis ?
Jetzt kommt der Obergag:
ich musste meinen PC neu aufsetzen, dabei habe ich die neueste Version 145.0 installiert und das Profil aus dem Ordner meiner alten Festplatte in den neuen Profilordner kopiert. Ergebnis: Tabs sind nebeneinander und die Tabs sehen auch etwas anders aus (Umrandung etc.). Daher ging ich davon aus, dass es mit der neuen Version zusammenhängen muss.
Jetzt habe ich mal auf meiner alten Festplatte die Version von 144.2 auf 145 upgegraded, und was soll ich sagen:
ALLES funktioniert wir bisher !!
Muss ich das verstehen ?
Muss ich möglicherweise in der About:Config noch irgendwas umstellen ?
Der Eintrag: security.allow_unsafe_dangerous_privileged_evil_eva ist auf true eingestellt.
Hallo Andreas,
ich würde mal sagen, grundsätzlich das Skript vom Anfang dieser Seite, das über die Jahre immer wieder mal wieder verändert oder ergänzt wurde, daher kann ich Dir das nicht genau sagen.
Hallo Sören,
Danke Dir.
Das Problem ist jetzt, dass viele Tabs nicht mehr untereinander, sondern nebeneinander geöffnet werden.
Guten Morgen zusammen,
ich verstehe es gerade nicht, kann mich bitte jemand aufklären ? In Version 144.2 hat die mehrzeilige TabLeiste einwandfrei funktioniert und jetzt in 145.0 nicht mehr ?
Ok, ich probiere einfach noch ein bischen rum.
Vielen Dank Euch !
Nein Andreas.
Wenn ich den Code für die Icons rausnehme ändert das am Problem nichts.
So sieht er bei mir aus.
Ah, noch nicht ganz...
Die Höhe der Tabs würde jetzt passen, aber die Schrift in den Tabs ist nicht mittig, sondern zu weit unten und ragt etwa zur Häfte über die untere Tab-Begrenzung hinaus.
Ich habe nochmal ein bischen rumprobiert und das Skript für den Import der Noia Icons an den Anfang gestellt.
Jetzt funktioniert es komischerweise.
Nur die Tabs sind jetzt von der Höhe viel zu groß. Ich habe versucht es nachzuvollziehen, aber ich komme nicht darauf.
Welche Zeile verändere ich, damit die Höhe kleiner wird ?
Hallo Andreas,
das glaube ich Dir gerne. Die letzten Jahre haben wir immer wieder daran rumgedocktort, aber grundsätzlich hats eigentlich gut funktioniert.
Ich habe jetzt Deinen Code ausprobiert. Danke dafür !
Jetzt funktionieren die Farbe, meine schönen abgerundeten Tabs sind aber wech und die Noia Icons auch noch.
Können wir das noch lösen ?
Hallo Andreas,
Dank Dir funktioniert meine mehrzeilige Tab-Leiste wieder korrekt, dafür schon mal vielen Dank!
Was noch nicht ganz funktioniert:
Der aktive Tab färbt sich nicht in einer anderen Farbe und
meine schönen Noia Icons sind auch weg 
Hier mal meine userchrome. Kannst Du Dir das viellecht mal ansehen ?!
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
background: red !important;
color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
background: yellow !important;
color: blue !important;
}
/* 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 */
}
}
/* 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; }
/* Keine Favicon Animation */
.tabbrowser-tab[label*="BiT-TiTAN"] .tab-icon-image{ display:none!important; }
/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
#PersonalToolbar {
max-height: calc(20px * 3) !important;
}
#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
display: block !important;
}
#PersonalToolbar toolbarbutton {
min-height: 20px !important;
max-height: 20px !important;
}
#PlacesToolbarItems {
max-height:60px!important;
display: flex!important;
flex-wrap: wrap!important;
overflow-x: visible!important;
overflow-y: auto!important;
}
#PlacesToolbar,
#PersonalToolbar > scrollbar {
-moz-window-dragging: no-drag !important;
}
#PlacesToolbar #PlacesChevron {
display: none !important;
}
}
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'NoiaButtons' add-on ******************************************/
/* by Aris ([email='aris-addons@gmx.net'][/email])*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/****************************************************************************************/
/* NoiaButtons add-on for Firefox 57+ ***************************************************/
/****************************************************************************************/
/* icons for default browser buttons ****************************************************/
@import url(./css/toolbar_buttons_noia.css);
/*@import url(./css/toolbar_buttons_firefox1.css);*/
/*@import url(./css/toolbar_buttons_firefox2.css);*/
/*@import url(./css/toolbar_buttons_firefox3.css);*/
/*@import url(./css/toolbar_buttons_firefox3aero.css);*/
/* shrink icons on hover ****************************************************************/
@import url(./css/toolbar_buttons_reduce_size_on_hover.css);
/* icon size on navigation toolbar (auto: compact=24/normal=30/touch=36) ****************/
@import url(./css/toolbar_buttons_size_on_navbar_auto.css);
/*@import url(./css/toolbar_buttons_size_on_navbar_18px.css);*/
/*@import url(./css/toolbar_buttons_size_on_navbar_24px.css);*/
/*@import url(./css/toolbar_buttons_size_on_navbar_30px.css);*/
/*@import url(./css/toolbar_buttons_size_on_navbar_36px.css);*/
/* location bar: go button and autocomple dropmarker icons ******************************/
@import url(./css/locationbar_buttons.css);
/* light Noia theme for tabs & toolbars + 'tabs not on top' (known from "Noia" themes) **/
/*@import url(./css/noiaui_light.css);*/
/*@import url(./css/noiaui_light_tabs_below_navigation_toolbar.css);*/
/* dark Noia theme for tabs & toolbars + 'tabs not on top' (known from "Noia" themes) ***/
/*@import url(./css/noiaui_dark.css);*/
/*@import url(./css/noiaui_dark_tabs_below_navigation_toolbar.css);*/
/**/
/* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to override default settings.
*/
/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/history/history-panel.xul") {
treechildren::-moz-tree-image(container) {
fill:orange !important;}
}
/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {
treechildren::-moz-tree-image(container) {
fill:orange !important;}
}
/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix("chrome://browser/content/browser.xul") {
.bookmark-item[container="true"] {
fill:orange !important;}
}
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
border:none!important;}
#TabsToolbar .tabbrowser-tab {
color: white !important;
border: 1px solid !important;
border-bottom: none !important;
border-radius: 15px 15px 0 0 !important;
margin: 3px 1px 1px 2px !important;
padding: 1px 0 !important;
}
#TabsToolbar .tabbrowser-tab:hover {
color: white !important;
}
#TabsToolbar .tabbrowser-tab[selected="true"] {
background: orange !important;
color: white ! important;
}
#TabsToolbar .tab-icon-image {
height: 25px !important;
width: 20px !important;
margin-left: -4px !important;
margin-bottom: 2px !important;
}
#TabsToolbar .tab-close-button {
margin-right: -4px !important;
padding: 0 !important;
color: white !important;
}
#TabsToolbar .tabbrowser-tab * {
background: none !important;
}
/* Do not remove the @namespace line -- it's required for correct functioning
* set default namespace to XUL
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/**********************************************************
********** Reihenfolge der Leisten ***********************
**********************************************************/
/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
* zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
* Oben die Menü-Leiste, darunter die Navigations-Leiste danach
* die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
* von früher her gewohnt ist.
*
* Oft wird eine andere Vorgehensweise beschrieben.
* Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
* durchnummeriert, das ist übersichtlich und hat bisher geklappt.
*/
(function() {
if (!window.gBrowser)
return;
let tabbar = document.getElementById('TabsToolbar');
function showHideTabbar() {
tabbar.style.visibility = (gBrowser.visibleTabs.length == 1) ? 'collapse' : 'visible';
};
showHideTabbar();
let observer = new MutationObserver(showHideTabbar);
observer.observe(gBrowser.tabContainer, {childList: true});
})();
#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .arrowscrollbox-scrollbox {
display: block;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
/* tabs height for "classic tabs" */
#titlebar,#tabbrowser-tabs{
--tab-min-height: 20px !important;
}
.tabbrowser-tab:not([pinned]) {
flex-grow: 1;
max-height:20px!important;
min-width: 170px !important;
max-width: 170px !important;
}
.tabbrowser-tab,.tab-background {
min-height: var(--tab-min-height);
}
.tab-stack {
width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-y: auto !important;
min-height: var(--tab-min-height);
max-height: calc(4*var(--tab-min-height)) !important; /* 3 rows */
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
/*Senkrechte Striche in der Menuleiste (Flexibler Zwischenraum=Strich)*/
#nav-bar toolbarspring {
background: transparent !important;
max-width: 0px !important;
min-width: 0px !important;
width: 0px !important;
border-left: 1px solid black !important;
border-right: 1px solid black !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
}
/* ----------------------------*/
/* Mehrzeilige Tabreihen */
/* ----------------------------*/
/* Tab-Höhe */
.tabbrowser-tab {
min-height: 23px !important;
max-height: 23px !important;
vertical-align: bottom !important;
margin-top: 1px !important;
margin-bottom: 1px !important;
}
/* Feste Breite des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 140px !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: 30px !important; /* Tab-Höhe(23px) + 2px */
max-height: calc( 5 * 23px ) !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;
}
tabs tab {
border-left: solid 1px hsla(0,0%,50%,.5);
border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}
#TabsToolbar:not(:-moz-lwtheme){
color: black !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}
/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/
#tabbrowser-tabs :not([fokus]){
opacity: 1!important;
}
/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 14px !important;
font-family: "TimesNewRoman" !important;
color: white !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
text-shadow: none !important;
color: black !important;
}
.tabbrowser-tab .tab-label[selected="true"] {
text-shadow: 1px 1px 0px #000000 !important;
color: white !important;
font-weight: 500 !important;
font-size: 14px !important;
font-family: "TimesNewRoman" !important;
}
/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
display: none !important;
}
/* Tab-Höhe */
.tabbrowser-tab {
min-height: 23px !important;
max-height: 23px !important;
vertical-align: bottom !important;
margin-top: 1px !important;
margin-bottom: 1px !important;
}
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
background: unset !important;
border-top: unset !important;
outline: none !important;
}
/* Tab-Schließen-Button entfernen *//*
.tabbrowser-tab .tab-close-button {
visibility: collapse !important;
}
*/
/* Tab-Icon ausrichten *//*
.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned])
{
margin-top: -1px !important;
}
*/
/*------------------*/
/* Tab-Hintergrund */
/*------------------*/
.tab-background[selected=true]:-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important;
}
/*--- hover(nicht selektiert) ---*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ), none !important;
filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ), none !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
/*--- nicht selektiert ---*/
.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
background-image: linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ), none !important;
filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important;
}
.tab-background:not([selected=true]):-moz-lwtheme > spacer {
background-image: linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ), none !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
/*--- Multi-selektiert ---*/
.tab-background[multiselected=true]:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer {
background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
}
Edit 2002Andreas
Text in Klammercode </> gesetzt.
Danke Andreas, habs wieder hingebracht !
Oh nein.
Nach dem Upgrade auf 71.0 habe ich die Tabs nicht mehr mehrzeilig untereinander, sondern
alle in einer Zeile nebeneinander.
Kann mir bitte jemand sagen, wie ich den alten Zustand wieder herstellen kann ?
Guten Morgen Andreas,
Du Fuchs hast es wieder mal hinbekommen. Vielen herzlichen Dank!
Oh nein.
Seit dem Update auf 60.0.1 sind die Tabs wieder riesig groß (hoch).
Eine Veränderung des Wertes max-height:18px!important; bewirkt leider überhaupt nichts.
Hat jemand einen Rat für mich ?
Update bringt auch keinen Erfolg.
Danke für die Tipps, brachten aber leider nix.
Noch ne interessante Beobachtung: das Problem kommt nur vor, wenn ich versuche, Seiten in einem neuen Tab zu öffnen.