Beiträge von AdE

AdE

Vielen, vielen Dank! Läuft wieder bestens.

AdE

Hallo Andreas,

darf ich mich bitte anschließen? Bei mir sind die Tabreihen unten. Es hat super über ettliche Versionen von FF funktioniert, jetzt leider nicht mehr:

CSS

/* Tableiste mehrreihig unten */

@-moz-document url(chrome://browser/content/browser.xhtml) {
    
:root {
   --tab-min-height: 30px !important; 
}

:root #tabbrowser-tabs {
   --tab-min-height: 30px !important; 
} 

/* Feste Tabbreite */
.tabbrowser-tab:not([pinned]) {
   min-width: 130px !important;
   max-width: 130px !important;
}

#titlebar {
   -moz-box-ordinal-group: 2 !important; /*bis Fx 112*/
   order: 2 !important; /*ab Fx 113*/
}

/* Abstand nach oben - unten, und Höhe der Tableiste */
#titlebar {
   margin-top: -15px !important;
   margin-bottom: -12px !important;
}

#toolbar-menubar {
   position: fixed;
   display: inline-flex;
}

[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar {
   top: 1px;
}

[sizemode="maximized"] #toolbar-menubar {
   top: 8px;
}

#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) {
   border-top: solid 39px transparent !important;
}

#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) {
   border-top: solid 34px transparent !important;
}

[tabsintitlebar="true"] #navigator-toolbox {
   -moz-window-dragging: drag;
}

#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,
[tabsintitlebar="true"] .titlebar-buttonbox-container {
   display: block;
   position: fixed;
   right: 0;
}

[tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container {
   top: 1px;
}

[tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container {
   top: 8px;
}

#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls {
   top: 0;
}

#navigator-toolbox[inFullscreen="true"] #nav-bar {
   padding-right: 109px !important;
}

box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox {
   display: block;
   contain: none !important;
}

/* Mehrzeilige Tableiste, bei mehr als 2 Zeilen erscheint eine Scrollbar */
scrollbox[part][orient="horizontal"] {
   display: flex;
   flex-wrap: wrap;
   max-height: calc(var(--tab-min-height) * 4); /* Anzahl der Tabzeilen = 4 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; 
}
}

Alles anzeigen

AdE

Zitat von 2002Andreas

Du kannst ja mal diesen CSS Code für eine mehrzeilige Tableiste testen.

Einzelne Werte musst/kannst du dir ja anpassen dann.

Hallo Andreas,

nachdem das Update auf FF 113 bei mir meine mehrzeilige untere Tableiste zerschossen hatte, habe ich den Code probiert. Funktioniert unter FF 113 mit Ubuntu perfekt.

Vielen Dank und viele Grüße

AdE

Ich habe mal zwei Fotos gemacht, beim Screenshot wird der Mauszeiger nicht mit aufgenommen.

Hier passiert gar nichts, da kann man einfach mit der Maus drauf gehen ohne jegliche Reaktion:

Kaum geht man eine klitzekleines Stück weiter hoch funktioniert es und man kommt in den Ordner rein:

Mysteriös. Aber zum Glück gehts erstmal grundsätzlich.

AdE

Hallo Andreas,

im Fehlerbehebungsmodus ging es und dann nach dem Neustart auch wieder im normalen Modus.

Dankeschön! Ich kann grundsätzlich wieder auf die Lesezeichen zugreifen.

Eines ist jedoch noch "komisch". Wenn ich mit dem Mauszeiger auf die Links bzw. Ordner gehe, funktionieren diese nur im Bereich des oberen Rahmens, so als ob 2/3 der Schaltfläche inaktiv sind. Ich werd narrisch.

AdE

Hallo Andreas,

nein, das Reinziehen funktioniert nicht. Es zeigt mir zwar die Lesezeichensymbolleiste an, allerdings scheint sich diese mit den mehrzeiligen Tabreihen zu überlagern . In die Menüleiste dagegen kann ich die Lesezeichensymbole reinziehen.

Das Verkleinern der Werte in den Zeilen 77 und 80 hatte keine Auswirkungen.

Ich habe jetzt mal Zeile 4-15 meines alten Codes in den neuen mit eingefügt. Damit sieht es jetzt so aus:

CSS

/* Tableiste mehrreihig unten */

 .tabbrowser-tab {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
/* Tab-Höhe  */
:root {
    --tab-min-height: 25px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 25px !important; 
    } 
  
@-moz-document url(chrome://browser/content/browser.xhtml) {



/* Feste Tabbreite */


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


min-width: 150px !important;


max-width: 150px !important;


}



/* Activer Tab schwarze Schrift */


.tab-label[selected]{


color: black !important;


}



/* Inaktiver Tab schwarze Schrift */


.tab-label:not([selected]) {


color: black !important;


}


.tab-close-button,


#tabs-newtab-button {


color: black !important;


}


#titlebar {


-moz-box-ordinal-group: 2!important;


}



/* Abstand nach oben - unten, und Höhe der Tableiste */


#titlebar {


margin-top: -20px !important;


margin-bottom: -20px;


}



/* Farbe der Tableiste weiss */


#titlebar {


appearance: none !important;


background: #ffffff !important;


}


#toolbar-menubar {


position: fixed;


display: inline-flex;


}



[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,


[sizemode="normal"] #toolbar-menubar {


top: 1px;


}


[sizemode="maximized"] #toolbar-menubar {


top: 8px;


}


#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) {


border-top: solid 39px transparent !important;


}


#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) {


border-top: solid 34px transparent !important;


}


[tabsintitlebar="true"] #navigator-toolbox {


-moz-window-dragging: drag;


}


#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,


[tabsintitlebar="true"] .titlebar-buttonbox-container {


display: block;


position: fixed;


right: 0;


}


[tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container {


top: 1px;


}


[tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container {


top: 8px;


}


#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls {


top: 0;


}


#navigator-toolbox[inFullscreen="true"] #nav-bar {


padding-right: 109px !important;


}


box[class="scrollbox-clip"][orient="horizontal"],


tabs > arrowscrollbox {


display: block;


}



/* Mehrzeilige Tableiste, bei mehr als 5 Zeilen erscheint eine Scrollbar */


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


display: flex;


flex-wrap: wrap;


max-height: calc(var(--tab-min-height) * 5); /* Anzahl der Tabzeilen = 5 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; }


}

}

Alles anzeigen

Die Tabreihen sind damit enger zusammengerückt, das passt. Auch der Rand nach unten zum Tabinhalt ist enger geworden, passt auch sehr gut.

Über den Tabs sieht man noch sehr viel Platz und dort scheinen sich die mehrzeiligen Tabs mit der Lesezeichensymbolleiste zu überlagern.

AdE

Hallo,

ich komme leider noch nicht so richtig klar mit den Einstellungen. Die Abstände zwischen den einzelnen Tabreihen, also nach oben, nach unten und zwischendrin sind sehr groß. Des Weiteren kann ich meine Lesezeichensymbole nicht mehr in meine Lesezeichensymbolleiste hineinschieben.

Hat jemand einen Tip?

AdE

Hallo Boersenfeger,

läuft . Vielen Dank!. Ich habe mir die Tabzeilenzahl auf 4 angepasst und habe noch eine Frage. Welche Einträge muss ich ändern, wenn ich die Tabs über der Schrift, also oben etwas kleiner haben möchte?

AdE

Hallo,

durch das Firefoxupdate habe ich leider ein Problem bei meiner mehrzeiligen Tableiste. Diese enthält über und unter der Leiste jetzt sehr viel verschenkten Platz, siehe angehängtes Bild. Kann mir jemand helfen, diese Leerzeilen zu entfernen?

Meine userChrome.css sieht wie folgt aus:

CSS

/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
.tabbrowser-tab {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
/* Tab-Höhe  */
:root {
    --tab-min-height: 25px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 25px !important; 
    }
    
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 130px !important; 
}
/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
  margin-right: -41px !important;
}
tabs > arrowscrollbox { 
    display: block; 
}
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) * 5); /* Anzahl der angezeigten Tabreihen = 5 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

/* 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: px px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
    color: black !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:   12px !important; 
    font-family: "Arial" !important; 
}
/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}
/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 22px !important;
    max-height: 22px !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  */
/*------------------*/
/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
    /*background-image:  linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ),  none !important;*/  /* rot */
    filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; 
}
.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; 
}  

/* Tab-Leiste unterhalb der Symbolleiste verschieben */
#titlebar { -moz-box-ordinal-group: 2; }


/* Menü nach oben verschieben */
#toolbar-menubar { position: fixed; display: inline-flex; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 1px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }


/* Platz für die Menüleiste oberhalb der Symbolleiste schaffen */
#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 29px transparent !important; }
#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 21px transparent !important; }


/* Freien Bereich für Menü und Titelleistenschaltflächen festlegen */
[tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; }


/* Titelleistenschaltfläche nach rechts oben verschieben */
#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,
[tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; }
[tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; }
[tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; }
#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; }


/* auf der rechten Seite Platz machen, damit die Schaltflächen der Titelleiste und der
Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */
#navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

toolbarbutton#tabs-newtab-button,
.tabbrowser-arrowscrollbox {
  -moz-binding: url("bindings.xml#tabs-scroll") !important;
}

Alles anzeigen

AdE

Hallo Andreas,

perfekt . Ich habe aus den drei Zeilen jetzt noch 5 gemacht, sodass ich alle derzeit offenen Tabs auf einmal sehe.

Vielen Dank und viele Grüße

AdE

Hallo,

mir geht es ähnlich.

Wenn ich einen Extrathread eröffnen soll, bitte ich um einen Hinweis.

Bisher lief mein Firefox nach dem Wechsel von Windows zu Ubuntu problemlos mit mehreren Zeilen. Nach dem Update auf 81.0 sind die Tabs alle noch da, es zeigt aber nur eine Zeile an und ich muss um alle Tabs zu sehen, durch die Zeilen scrollen.

Kann mir jemand helfen?

Meine userChrome.css sieht wie folgt aus:

CSS

/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 130px !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(28px) + 2px */
    max-height: calc( 5 * 30px ) !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: px px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
    color: black !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:   12px !important; 
    font-family: "Arial" !important; 
}
/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}
/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 22px !important;
    max-height: 22px !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  */
/*------------------*/
/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
    /*background-image:  linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ),  none !important;*/  /* rot */
    filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; 
}
.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; 
}  

/* Tab-Leiste unterhalb der Symbolleiste verschieben */
#titlebar { -moz-box-ordinal-group: 2; }


/* Menü nach oben verschieben */
#toolbar-menubar { position: fixed; display: inline-flex; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 1px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }


/* Platz für die Menüleiste oberhalb der Symbolleiste schaffen */
#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 29px transparent !important; }
#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 21px transparent !important; }


/* Freien Bereich für Menü und Titelleistenschaltflächen festlegen */
[tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; }


/* Titelleistenschaltfläche nach rechts oben verschieben */
#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,
[tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; }
[tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; }
[tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; }
#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; }


/* auf der rechten Seite Platz machen, damit die Schaltflächen der Titelleiste und der
Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */
#navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

toolbarbutton#tabs-newtab-button,
.tabbrowser-arrowscrollbox {
  -moz-binding: url("bindings.xml#tabs-scroll") !important;
}

Alles anzeigen

AdE

Hallo Endor,

Danke auch Dir, hier funktionierts leider nicht, das ist auch das bisherige Script was ich in Betrieb hatte. Ich werde nochmal meine Dateien für die Scripte kontrollieren.

AdE

Hallo Thomas,

vielen Dank, bei mir leider nicht. Das läuft als .........uc.js bei Dir?

AdE

Zitat von AdE

Hallo,
leider hat es mich auch erwischt. Meine Tabzeile würde ich gern wieder unter die Lesezeichenleiste verlagern. Bisher hatte ich mehrer Tabzeilen untereinander, dies funktioniert auch noch. Meine userChrome.css sieht derzeit wie nachfolgend aus:
Kann mir jemand weiterhelfen?

Hat sich erledigt. Der Thread: RE: FF 72 Lösung für Tableiste unter LZ-Symbolleiste gesucht mit der enthaltenen CSS hat mir sehr geholfen.

AdE

Zitat von Endor

Css Code zum verschieben der Tableiste unter die Lesezeichenleiste:
...
Mfg.
Endor

Hallo Endor,

vielen Dank für den CSS Code. Ein Teil davon hat mir sehr geholfen, die Tableiste zu verschieben. Meine alten Tabeinstellungen wie Höhe, Anzahl der Zeilen konnte ich dadurch behalten. Hast Du vielleicht noch einen Tipp wie ich wieder mit meinem Mausscrollrad durch die Tabs scrollen kann? Das bisherige Script dazu funktioniert leider auch nicht mehr.

AdE

Hallo,

leider hat es mich auch erwischt. Meine Tabzeile würde ich gern wieder unter die Lesezeichenleiste verlagern. Bisher hatte ich mehrer Tabzeilen untereinander, dies funktioniert auch noch. Meine userChrome.css sieht derzeit wie nachfolgend aus:

CSS

/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 130px !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(28px) + 2px */
    max-height: calc( 5 * 30px ) !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: px px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
    color: black !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:   12px !important; 
    font-family: "Arial" !important; 
}
/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}
/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 22px !important;
    max-height: 22px !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  */
/*------------------*/
/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
    /*background-image:  linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ),  none !important;*/  /* rot */
    filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; 
}
.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; 
}

Alles anzeigen

Kann mir jemand weiterhelfen?

AdE

So, habe nun auch diese, Deine, Variante genommen. Vielen Dank. Läuft sehr gut, bis auf meine Tabreihenfehler (5 eingestellt, drei werden nur ohne scollen an der Seite angezeigt). Kannst Du mir bitte noch erläutern, wie ich die Hintergrundfarbe ändern und einstellen kann, dass die Tableisten nicht diesen Durchsichtigkeitseffekt haben?

AdE

Ah ok. Das schaue ich mir morgen mal in Ruhe an. Ich habe gerade mit Deinen anderen Scripten aus:

FF70 -Mehrreihige Tabs rumprobiert. Die haben den Vorteil, dass man die Tabs schön verschieben kann.

AdE

Ja, ich habe nur den Codeteil mit den mehreren Zeilen genommen (ab Zeile 101). Bei Dir sieht es anders aus. Bei mir ist nach drei Zeilen Schluss, die folgenden zwei sind verdeckt und ich muss erst am Bildschirmrand den Scrollbalken nutzen. Das verwenden des kompletten Codes und Abänderung der Zeilenzahl nützt nichts.

Aber auf jeden Fall für mich handlicher als der 71.0 Standard

AdE

Zitat von 2002Andreas

Zitat von AdE

zeigt er mir dennoch nur drei Tabreihen an.

Funktioniert hier einwandfrei mit 5 Reihen:

Mmh, hier nicht. Die userChrome.css sieht bei mir so aus:

CSS

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

/* Mehrzeilige Tabreihen */

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

tabs > arrowscrollbox {

display: block;

}

/* Tab-Höhe */

.tabbrowser-tab {

min-height: 25px !important;

max-height: 25px !important;

vertical-align: bottom !important;

margin-top: 0px !important;

margin-bottom: 0px !important;

}

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 + 2 */

max-height: calc( 3 * 30px ) !important; /*5 Tabreihen * Tab-Höhe + 2 */

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

}

/* Feste Breite des einzelnem Tabs */

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

min-width: 120px !important;

}

/* Platz für Scrollbar schaffen */

.tabbrowser-tabs {

margin-right: -41px !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;

}

Alles anzeigen

Ich habe allerdings auch noch ein Script für Tableiste unten sowie Tableistencrolling in Betrieb. Aber das sollte doch auf die Zahleneinstellung keine Auswirkung haben.

Zitat von 2002Andreas

Zitat von AdE

wie bekomme ich den circa 1mm Abstand zwischen den einzelnen Reihen weg?

In Zeile 114 + 115 den Wert auf 0 setzen.

Dankeschön. Perfekt!

Beiträge von AdE

Multirow-Tableiste mit userChrome.css Änderungen für FF97.0

Multirow-Tableiste mit userChrome.css Änderungen für FF97.0

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

userChrome.css Anpassung für verschwendeten Platz bei mehrzeiliger Tableiste

userChrome.css Anpassung für verschwendeten Platz bei mehrzeiliger Tableiste

userChrome.css Anpassung für verschwendeten Platz bei mehrzeiliger Tableiste

userChrome.css Anpassung für verschwendeten Platz bei mehrzeiliger Tableiste

userChrome.css Anpassung für verschwendeten Platz bei mehrzeiliger Tableiste

userChrome.css Anpassung für verschwendeten Platz bei mehrzeiliger Tableiste

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

FF 72 Lösung für Tableiste unter LZ-Symbolleiste gesucht

FF 72 Lösung für Tableiste unter LZ-Symbolleiste gesucht

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

FF 72 Lösung für Tableiste unter LZ-Symbolleiste gesucht

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

FF70 -Mehrreihige Tabs

FF 57 Mehrzeilige Tab-Leiste

FF 57 Mehrzeilige Tab-Leiste

FF 57 Mehrzeilige Tab-Leiste