Fx 133 > Tableiste unten per CSS-Code, oder per Skript.

Zitat von 2002Andreas

Zitat von GermanFreme82

dieser Abstand unter der Tableiste ist leider immer noch da.

Bitte wieder die kompl. userChrome.css Datei austauschen.

In Zeile 10 kannst du die Höhe noch anpassen wenn es bei dir nicht reicht.

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen    */ 
/* -----------------------------*/
 
/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/

#TabsToolbar {
  max-height: 35px !important;
}

/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 180px !important; 
max-width: 180px !important;  
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 4px !important;
    max-height: 35px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important; /* oben 1px weniger */
    margin-bottom: 1px !important; /* unten 1px weniger */
    margin-right: 3px !important; /* Abstand zwischen den Tabs */

}

/* Icon im Tab versetzt */
#TabsToolbar .tab-icon-image {
    height: 16px !important; /* Höhe */
    width:  16px !important; /* Breite */
    margin-left: -2px !important; /* nach links versetzt */
    margin-bottom: 2px !important; /* Abstand von unten */
}

/* Tabschliessen-Button / Farbe des Kreuzes */
.tab-close-button {
    color: white !important;
}

/* NewTab-Button + Farbe */
#tabs-newtab-button {
    color: white !important;
}

/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/

.tabbrowser-tab[selected] {
    border-radius: 80px !important;
}

.tabbrowser-tab[selected] .tab-content {
    background: #F09800 !important;
    border-radius: 80px !important;
}

.tabbrowser-tab:not([selected]) .tab-content {
    background: #C39D74 !important;
    border-radius: 80px !important;
}    

/* ------------------------------*/
/* Schrift: Optische Anpassungen */ 
/* ------------------------------*/

/* Deckkraft der Schrift */
#tabbrowser-tabs :not([fokus]){
    opacity: 1 !important;
}

/* Schrift inaktiver Tab */
.tabbrowser-tab .tab-label {
    font-size:   12px !important;
    color: white !important;
}

/* Schrift aktiver Tab */    
.tabbrowser-tab .tab-label[selected="true"] {
    color: white !important;  
    font-size:   12px !important;
}

/* ------------------------*/
/* störende Teile entfernt */ 
/* ------------------------*/
    
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: none !important;
    border-top: none !important;
    outline: none !important;
}

/* Tab-Separatoren entfernen */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
  border-image: unset !important;
  border-image-slice: none !important;
  width: 2 !important;
}

/* obere Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* doppelte graue Linie unter der Tabs-Toolbar entfernt */
#nav-bar {
    box-shadow: none !important;
}

/*----------------------------------------*/
/* Megabar (Url-Bar) die Ecken abgerundet */
/*----------------------------------------*/

/* Adressleiste / Erhöhung wird verhindert */
#urlbar-background {
    background: #f8f8ff ! important; /* Hintergrund */
    border: 1px solid #5badff !important;
    border-radius: 50px !important; }
#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important; }
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important; }
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
   animation-name: none !important; }
#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}    

/* Suchleiste Ecken abrunden */
#searchbar {
    background: #f8f8ff ! important; /* Hintergrund */
    border-radius: 50px !important;
    border: 1px solid #5badff !important;
}  
     
/* -------------------------------------*/
/* Kontext-Menü / Einträge ausgeblendet */ 
/* -------------------------------------*/
#context-viewinfo,
#textnotes_gaborjuhaszprojects_com-menuitem-_textnotes,
#_lympha-menuitem-_lympha-ctx-btn {
  display: none !important;
}
#context_pinTab,
#context_moveTabOptions,
#context_reopenInContainer,
#context_sendTabToDevice,
#context-sendlinktodevice,
#context-inspect-a11y,
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93),
#context-sendimage,
#context-setDesktopBackground {
   display: none !important;
}
#context_duplicateTab {
    -moz-box-ordinal-group: 0 !important;
}
#context-openlinkintab {
   -moz-box-ordinal-group: 0 !important;
}
#context-copylink {
   -moz-box-ordinal-group: 0 !important;
}
#copyplaintext_eros_man-menuitem-_copyPlainText {
  -moz-box-ordinal-group: 0 !important;
}

#context-copy {
  -moz-box-ordinal-group: 0 !important;  
}
#_5dd73bb9-e728-4d1e-990b-c77d8e03670f_-menuitem-_search_engine_menu {
    -moz-box-ordinal-group: 20 !important;
}
#context-print-selection,
#textnotes_gaborjuhaszprojects_com-menuitem-_textnotes-selection {
display: none !important;
}
menuitem[label="Ein Schlüsselwort für diese Suche hinzufügen…"] {
     display: none !important;
}



/*--------------------------------------------*/
/* Ordnersymbole für Symbolleiste und Sidebar */   
/*--------------------------------------------*/
 
@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

Alles anzeigen

Ok hab ich sofort gemacht und auf den ersten Blick haut auch soweit alles hin, bis ich das entdeckt hab NACH dem ich deinen Code eingefügt hab ;-).



Das passiert jetzt, wenn ich eine neue Tab Zeile bekomme, dann beamen sich die Tabs ins Nirvana und lassen sich auch nicht erreichen und blitzen nur ab un an einmal auf, auf Zeile 2 ;-).

Zitat von 2002Andreas

Zitat von GermanFreme82

Das passiert jetzt

Wieder eine neue userChrome.css

In Zeile 10 kannst du den Abstand noch verändern.

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen    */ 
/* -----------------------------*/
 
/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/

#TabsToolbar {
margin-bottom: -8px !important;
}

/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 180px !important; 
max-width: 180px !important;  
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 4px !important;
    max-height: 35px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important; /* oben 1px weniger */
    margin-bottom: 1px !important; /* unten 1px weniger */
    margin-right: 3px !important; /* Abstand zwischen den Tabs */

}

/* Icon im Tab versetzt */
#TabsToolbar .tab-icon-image {
    height: 16px !important; /* Höhe */
    width:  16px !important; /* Breite */
    margin-left: -2px !important; /* nach links versetzt */
    margin-bottom: 2px !important; /* Abstand von unten */
}

/* Tabschliessen-Button / Farbe des Kreuzes */
.tab-close-button {
    color: white !important;
}

/* NewTab-Button + Farbe */
#tabs-newtab-button {
    color: white !important;
}

/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/

.tabbrowser-tab[selected] {
    border-radius: 80px !important;
}

.tabbrowser-tab[selected] .tab-content {
    background: #F09800 !important;
    border-radius: 80px !important;
}

.tabbrowser-tab:not([selected]) .tab-content {
    background: #C39D74 !important;
    border-radius: 80px !important;
}    

/* ------------------------------*/
/* Schrift: Optische Anpassungen */ 
/* ------------------------------*/

/* Deckkraft der Schrift */
#tabbrowser-tabs :not([fokus]){
    opacity: 1 !important;
}

/* Schrift inaktiver Tab */
.tabbrowser-tab .tab-label {
    font-size:   12px !important;
    color: white !important;
}

/* Schrift aktiver Tab */    
.tabbrowser-tab .tab-label[selected="true"] {
    color: white !important;  
    font-size:   12px !important;
}

/* ------------------------*/
/* störende Teile entfernt */ 
/* ------------------------*/
    
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: none !important;
    border-top: none !important;
    outline: none !important;
}

/* Tab-Separatoren entfernen */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
  border-image: unset !important;
  border-image-slice: none !important;
  width: 2 !important;
}

/* obere Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* doppelte graue Linie unter der Tabs-Toolbar entfernt */
#nav-bar {
    box-shadow: none !important;
}

/*----------------------------------------*/
/* Megabar (Url-Bar) die Ecken abgerundet */
/*----------------------------------------*/

/* Adressleiste / Erhöhung wird verhindert */
#urlbar-background {
    background: #f8f8ff ! important; /* Hintergrund */
    border: 1px solid #5badff !important;
    border-radius: 50px !important; }
#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important; }
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important; }
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
   animation-name: none !important; }
#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}    

/* Suchleiste Ecken abrunden */
#searchbar {
    background: #f8f8ff ! important; /* Hintergrund */
    border-radius: 50px !important;
    border: 1px solid #5badff !important;
}  
     
/* -------------------------------------*/
/* Kontext-Menü / Einträge ausgeblendet */ 
/* -------------------------------------*/
#context-viewinfo,
#textnotes_gaborjuhaszprojects_com-menuitem-_textnotes,
#_lympha-menuitem-_lympha-ctx-btn {
  display: none !important;
}
#context_pinTab,
#context_moveTabOptions,
#context_reopenInContainer,
#context_sendTabToDevice,
#context-sendlinktodevice,
#context-inspect-a11y,
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93),
#context-sendimage,
#context-setDesktopBackground {
   display: none !important;
}
#context_duplicateTab {
    -moz-box-ordinal-group: 0 !important;
}
#context-openlinkintab {
   -moz-box-ordinal-group: 0 !important;
}
#context-copylink {
   -moz-box-ordinal-group: 0 !important;
}
#copyplaintext_eros_man-menuitem-_copyPlainText {
  -moz-box-ordinal-group: 0 !important;
}

#context-copy {
  -moz-box-ordinal-group: 0 !important;  
}
#_5dd73bb9-e728-4d1e-990b-c77d8e03670f_-menuitem-_search_engine_menu {
    -moz-box-ordinal-group: 20 !important;
}
#context-print-selection,
#textnotes_gaborjuhaszprojects_com-menuitem-_textnotes-selection {
display: none !important;
}
menuitem[label="Ein Schlüsselwort für diese Suche hinzufügen…"] {
     display: none !important;
}



/*--------------------------------------------*/
/* Ordnersymbole für Symbolleiste und Sidebar */   
/*--------------------------------------------*/
 
@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

Alles anzeigen

Hab ich gemacht und wir kommen dem Ziel schon etwas näher, aber es ist leider (tut mir wirklich leid kann ja nix dafür) ab der 3 Tab-Reihe dann ein BUG drinne.

Bis Tab-Reihe 2 (10 Tabs bei mir) geht alles einwandfrei, ABER so bald ich Reihe 3 erreiche, dann schieben sich die unteren Tabs komisch halb ins Bild, halb daneben. Erst wenn ich nach unten scrolle um die unterste Reihe zu sehen, dann wird es richtig dargestellt, aber so bald ich wieder zu Tab-Reihe 2 hochscrolle, dann schiebt sich Reihe 3 du weißt schon wo hin (siehe beide Fotos).

2 Tab-Reihen = alles OK


3 Tab Reihen = BUG

Zitat von 2002Andreas

Zitat von GermanFreme82

ab der 3 Tab-Reihe dann ein BUG drinne.

Ändere das Script jetzt bitte mal:

JavaScript

// ==UserScript==
// @name           zzzz-MultiRowTab_LiteforFx48.uc.js
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    Experimentelle CSS Version für Mehrzeilige Tableiste
// @include        main
// @compatibility  Firefox 89
// @author         Alice0775
// @version        2016/08/05 00:00 Firefox 48
// @version        2016/05/01 00:01 hide favicon if busy
// @version        2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+
// @version        2016/02/09 00:01 workaround css for lwt
// @version        2016/02/09 00:00
// ==/UserScript==
"use strict";
MultiRowTabLiteforFx();
function MultiRowTabLiteforFx() {

    var css =` @-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

    /* Symbolleiste Sortieren */
    #titlebar { -moz-box-ordinal-group: 2; }

    /* Anpassung der Symbolleiste */
    :root[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 8px !important; }
    #titlebar,#tabbrowser-tabs { -moz-appearance: none !important; }

    /* Titelleisten Schaltflächen anpassen */
    :root[tabsintitlebar="true"] #nav-bar .titlebar-buttonbox > .titlebar-button { width: 46px !important; }
    #nav-bar #window-controls > toolbarbutton { width: 36px !important; }
    #nav-bar #window-controls toolbarbutton:not([id="close-button"]):hover { background-color: var(--toolbarbutton-hover-background) !important; }

    /* Mehrzeilige Tableiste */
    box.scrollbox-clip[orient="horizontal"] { display: block; }
    scrollbox[part][orient="horizontal"] {
        display: flex;
        flex-wrap: wrap;
        overflow-x: hidden;
        overflow-y: auto; }
    tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
    tabs tab { overflow: hidden; }
    tab > .tab-stack { width: 100%; }
    @media not (-moz-proton) {
        scrollbox[part][orient="horizontal"] { max-height: calc(var(--tab-min-height) * 5); } /* Anzahl der Tabzeilen(Standard = 5 Zeilen) wenn Proton false */
        tabs tab,#tabs-newtab-button { height: var(--tab-min-height); } }
    @media (-moz-proton) {
        scrollbox[part][orient="horizontal"] { max-height: calc(calc(8px + var(--tab-min-height)) * 5); } /* Anzahl der Tabzeilen(Standard = 5 Zeilen) wenn Proton true */
        tabs tab,#tabs-newtab-button { height: calc(8px + var(--tab-min-height)); } }
    #tabs-newtab-button { margin: 0 !important; }

    /* Bei Überschreitung der angegebenen Zeilenanzahl, mit der Maus,    
       über die dann eingeblendetet Scrolleiste zur gewünschten Zeile wechseln */
    scrollbox[part][orient="horizontal"] > scrollbar { -moz-window-dragging: no-drag; }

    /* Ausblenden */
    tabs tab:not([fadein]),
    #toolbar-menubar[autohide="false"] ~ #nav-bar hbox.titlebar-buttonbox-container { display: none; }

    /* --- Ziehbereich der Tab-Leiste --- */
    /* Anpassung */
    hbox.titlebar-spacer[type="pre-tabs"] { width: 0px !important; } /* Linker Ziehbereich: Standard 40px  */
    hbox.titlebar-spacer[type="post-tabs"] { width: 0px !important; } /* Rechter Ziehbereich: Standard 40px  */
    /* ↓ Wenn Sie die linke und rechte Seite des CSS-Codes auskommentieren und den CSS-Code aktivieren, 
       können Sie den Ziehbereich links einblenden, der beim Maximieren des Fensters ausgeblendet wird.  */
    /* :root:not([sizemode="normal"]) hbox.titlebar-spacer[type="pre-tabs"] { display: block !important; } */

    } `;
    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

    if(location.href !== 'chrome://browser/content/browser.xhtml') return;

    // Menüleiste an den oberen Rand der Symbolleiste verschieben
    document.getElementById("titlebar").parentNode.insertBefore(document.getElementById("toolbar-menubar"),document.getElementById("titlebar"));

    // Titelleisten Schaltflächen in die Tableiste an den Rechten Rand verschieben
    document.getElementById("PanelUI-button").appendChild(document.querySelector("#TabsToolbar .titlebar-buttonbox-container"));
    document.getElementById("PanelUI-button").appendChild(document.getElementById("window-controls"));

    // Scroll-Buttons und Spacer in der Tab-Leiste ausblenden shadowRoot 
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-up').style.display = "none";
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-down').style.display = "none";
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-start-indicator"]').style.display = "none";
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-end-indicator"]').style.display = "none";

    // drag & drop & DropIndicator

    gBrowser.tabContainer.clearDropIndicator = function() {
        let tabs = this.allTabs;
        for (let i = 0, len = tabs.length; i < len; i++) {
            tabs[i].removeAttribute("style");
        }
    }
    gBrowser.tabContainer.addEventListener("dragleave", function(event) { this.clearDropIndicator(event); }, true);

    gBrowser.tabContainer.on_dragover = function(event) {
        this.clearDropIndicator();
        var effects = this._getDropEffectForTabDrag(event);

        var ind = this._tabDropIndicator;
        if (effects == "" || effects == "none") {
            ind.hidden = true;
            return;
        }
        event.preventDefault();
        event.stopPropagation();

        var arrowScrollbox = this.arrowScrollbox;

        // autoscroll the tab strip if we drag over the scroll
        // buttons, even if we aren't dragging a tab, but then
        // return to avoid drawing the drop indicator
        var pixelsToScroll = 0;
        if (this.getAttribute("overflow") == "true") {
            switch (event.originalTarget) {
                case arrowScrollbox._scrollButtonUp:
                    pixelsToScroll = arrowScrollbox.scrollIncrement * -1;
                    break;
                case arrowScrollbox._scrollButtonDown:
                    pixelsToScroll = arrowScrollbox.scrollIncrement;
                    break;
            }
            if (pixelsToScroll) {
                arrowScrollbox.scrollByPixels(
                    (RTL_UI ? -1 : 1) * pixelsToScroll,
                    true
                );
            }
        }

     // let draggedTab = event.dataTransfer.mozGetDataAt(TAB_DROP_TYPE, 0);
        let draggedTab = this._getDropIndex(event, false);
        if (
            (effects == "move" || effects == "copy") &&
            this == draggedTab.container
        ) {
            ind.hidden = true;

            if (!this._isGroupTabsAnimationOver()) {
                // Wait for grouping tabs animation to finish
                return;
            }
            this._finishGroupSelectedTabs(draggedTab);

            if (effects == "move") {
                this._animateTabMove(event);
                return;
            }
        }

        this._finishAnimateTabMove();

        if (effects == "link") {
            let tab = this._getDragTargetTab(event, true);
            if (tab) {
                if (!this._dragTime) {
                    this._dragTime = Date.now();
                }
                if (Date.now() >= this._dragTime + this._dragOverDelay) {
                    this.selectedItem = tab;
                }
                ind.hidden = true;
                return;
            }
        }

        var rect = arrowScrollbox.getBoundingClientRect();
        var newMargin;
        if (pixelsToScroll) {
            // if we are scrolling, put the drop indicator at the edge
            // so that it doesn't jump while scrolling
            let scrollRect = arrowScrollbox.scrollClientRect;
            let minMargin = scrollRect.left - rect.left;
            let maxMargin = Math.min(
                minMargin + scrollRect.width,
                scrollRect.right
            );
            if (RTL_UI) {
                [minMargin, maxMargin] = [
                    this.clientWidth - maxMargin,
                    this.clientWidth - minMargin,
                ];
            }
            newMargin = pixelsToScroll > 0 ? maxMargin : minMargin;
        } else {
            let newIndex = this._getDropIndex(event, effects == "link");
            let children = this.allTabs;
            if (newIndex == children.length) {
             // let tabRect = children[newIndex - 1].getBoundingClientRect();
                let tabRect = children[newIndex - 1].style.setProperty("box-shadow","-1px 0 0 red inset,1px 0 0 red","important");
                if (RTL_UI) {
                    newMargin = rect.right - tabRect.left;
                } else {
                    newMargin = tabRect.right - rect.left;
                }
            } else {
             // let tabRect = children[newIndex].getBoundingClientRect();
                let tabRect = children[newIndex].style.setProperty("box-shadow","1px 0 0 red inset,-1px 0 0 red","important");
                if (RTL_UI) {
                    newMargin = rect.right - tabRect.right;
                } else {
                    newMargin = tabRect.left - rect.left;
                }
            }
        }

        ind.hidden = false;
        newMargin += ind.clientWidth / 2;
        if (RTL_UI) {
            newMargin *= -1;
        }
        ind.style.transform = "translate(" + Math.round(newMargin) + "px)";
    }

    gBrowser.tabContainer.on_drop = function(event) {
        this.clearDropIndicator();
        var dt = event.dataTransfer;
        var dropEffect = dt.dropEffect;
        var draggedTab;
        let movingTabs;
        if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) {
            // tab copy or move
            draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0);
            // not our drop then
            if (!draggedTab) {
                return;
            }
            movingTabs = draggedTab._dragData.movingTabs;
            draggedTab.container._finishGroupSelectedTabs(draggedTab);
        }
        this._tabDropIndicator.hidden = true;
        event.stopPropagation();
        if (draggedTab && dropEffect == "copy") {
            // copy the dropped tab (wherever it's from)
            let newIndex = this._getDropIndex(event, false);
            let draggedTabCopy;
            for (let tab of movingTabs) {
                let newTab = gBrowser.duplicateTab(tab);
                gBrowser.moveTabTo(newTab, newIndex++);
                if (tab == draggedTab) {
                    draggedTabCopy = newTab;
                }
            }
            if (draggedTab.container != this || event.shiftKey) {
                this.selectedItem = draggedTabCopy;
            }
        } else if (draggedTab && draggedTab.container == this) {
            let oldTranslateX = Math.round(draggedTab._dragData.translateX);
            let tabWidth = Math.round(draggedTab._dragData.tabWidth);
            let translateOffset = oldTranslateX % tabWidth;
            let newTranslateX = oldTranslateX - translateOffset;
            if (oldTranslateX > 0 && translateOffset > tabWidth / 2) {
                newTranslateX += tabWidth;
            } else if (oldTranslateX < 0 && -translateOffset > tabWidth / 2) {
                newTranslateX -= tabWidth;
            }
            let dropIndex = this._getDropIndex(event, false);
            //  "animDropIndex" in draggedTab._dragData &&
            //  draggedTab._dragData.animDropIndex;
            let incrementDropIndex = true;
            if (dropIndex && dropIndex > movingTabs[0]._tPos) {
                dropIndex--;
                incrementDropIndex = false;
            }
            if (oldTranslateX && oldTranslateX != newTranslateX && !gReduceMotion) {
                for (let tab of movingTabs) {
                    tab.setAttribute("tabdrop-samewindow", "true");
                    tab.style.transform = "translateX(" + newTranslateX + "px)";
                    let onTransitionEnd = transitionendEvent => {
                        if (
                            transitionendEvent.propertyName != "transform" ||
                            transitionendEvent.originalTarget != tab
                        ) {
                            return;
                        }
                        tab.removeEventListener("transitionend", onTransitionEnd);
                        tab.removeAttribute("tabdrop-samewindow");
                        this._finishAnimateTabMove();
                        if (dropIndex !== false) {
                            gBrowser.moveTabTo(tab, dropIndex);
                            if (incrementDropIndex) {
                                dropIndex++;
                            }
                        }
                        gBrowser.syncThrobberAnimations(tab);
                    };
                    tab.addEventListener("transitionend", onTransitionEnd);
                }
            } else {
                this._finishAnimateTabMove();
                if (dropIndex !== false) {
                    for (let tab of movingTabs) {
                        gBrowser.moveTabTo(tab, dropIndex);
                        if (incrementDropIndex) {
                            dropIndex++;
                        }
                    }
                }
            }
        } else if (draggedTab) {
            let newIndex = this._getDropIndex(event, false);
            let newTabs = [];
            for (let tab of movingTabs) {
                let newTab = gBrowser.adoptTab(tab, newIndex++, tab == draggedTab);
                newTabs.push(newTab);
            }
            // Restore tab selection
            gBrowser.addRangeToMultiSelectedTabs(
                newTabs[0],
                newTabs[newTabs.length - 1]
            );
        } else {
            // Pass true to disallow dropping javascript: or data: urls
            let links;
            try {
                links = browserDragAndDrop.dropLinks(event, true);
            } catch (ex) {}
            if (!links || links.length === 0) {
                return;
            }
            let inBackground = Services.prefs.getBoolPref(
                "browser.tabs.loadInBackground"
            );
            if (event.shiftKey) {
                inBackground = !inBackground;
            }
            let targetTab = this._getDragTargetTab(event, true);
            let userContextId = this.selectedItem.getAttribute("usercontextid");
            let replace = !!targetTab;
            let newIndex = this._getDropIndex(event, true);
            let urls = links.map(link => link.url);
            let csp = browserDragAndDrop.getCSP(event);
            let triggeringPrincipal = browserDragAndDrop.getTriggeringPrincipal(
                event
            );
            (async () => {
                if (
                    urls.length >=
                    Services.prefs.getIntPref("browser.tabs.maxOpenBeforeWarn")
                ) {
                    // Sync dialog cannot be used inside drop event handler.
                    let answer = await OpenInTabsUtils.promiseConfirmOpenInTabs(
                        urls.length,
                        window
                    );
                    if (!answer) {
                        return;
                    }
                }
                gBrowser.loadTabs(urls, {
                    inBackground,
                    replace,
                    allowThirdPartyFixup: true,
                    targetTab,
                    newIndex,
                    userContextId,
                    triggeringPrincipal,
                    csp,
                });
            })();
        }
        if (draggedTab) {
            delete draggedTab._dragData;
        }
    }

    gBrowser.tabContainer._getDropIndex = function(event, isLink) {
        var tabs = this.allTabs;
        var tab = this._getDragTargetTab(event, isLink);
        if (!RTL_UI) {
            for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
                if (
                    event.screenY >
                    tabs[i].screenY &&
                    event.screenY <
                    tabs[i].screenY + tabs[i].getBoundingClientRect().height
                ) {
                    if (
                        event.screenX >
                        tabs[i].screenX &&
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
                    ) {
                        return i;
                    }
                    if (
                        event.screenX >
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 &&
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width
                    ) {
                        return i + 1;
                    }
                }
            }
        } else {
            for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
                if (
                    event.screenY >
                    tabs[i].screenY &&
                    event.screenY <
                    tabs[i].screenY + tabs[i].getBoundingClientRect().height
                ) {
                    if (
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width &&
                        event.screenX >
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
                    ) {
                        return i;
                    }
                    if (
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 &&
                        event.screenX >
                        tabs[i].screenX
                    ) {
                        return i + 1;
                    }
                }
            }
        }
        return tabs.length;
    }

}

Alles anzeigen

Habs geändert und es ist nun fast geschafft ... ja jetzt passiert was neues lustiges (bitte nicht böse sein).
Das mit den 3 Tab-Reihen geht zwar, aber nun habe ich keine scrollbaren Tab-Reihen mehr, sondern immer eine neue Tab-Reihe unter der anderen. Vorher kam nach Tab-Reihe 2, wenn ich einen weiteren Tab öffne Reihe 3 und der Scrollbalken rechts.
Jetzt gibt es den Scrollbalken am rechten Rand leider nicht mehr (siehe Foto).

Zitat von 2002Andreas

Zitat von GermanFreme82

Jetzt gibt es den Scrollbalken am rechten Rand leider nicht mehr

Der kommt erst nach der 5ten Reihe.

Ändern musst du das im Script in Zeile 46.

Und zwar hier die 5 in der oberen Reihe rechts ändern:

Code

scrollbox[part][orient="horizontal"] { max-height: calc(calc(8px + var(--tab-min-height)) * 5); } /* Anzahl der Tabzeilen(Standard = 5 Zeilen) wenn Proton true */

Ok das wußte ich nicht und habs gleich mal auf 3 geändert und nun kommt NACH Zeile 3 wieder der Scrollbalken.
Das Problem mit dem überlappen ist jedoch nach wie vor noch da.
Auf dem Foto siehst du was ich meine.

Ich muß dann nach UNTEN scrollen, damit die untere Zeile sich nicht in die Website reinschiebt.
Vorher gab es das Problem jedoch nicht.

Zitat von 2002Andreas

Zitat von GermanFreme82

Auf dem Foto siehst du was ich meine.

Meiner Meinung nach liegt das am Script

Nur wo man das anpassen kann weiß ich zur Zeit leider auch nicht.

Okay verstehe.
Gibt es noch eine andere Lösung mit 2 Tab-Reihen die man dann nach rechts scrollen kann, statt nach UNTEN, oder geht das nur mit 1 Tab-Reihe nach rechts scrollen ?

Ich danke natürlich erstmal bis hierher für deine Geduld und Hilfe !
Vielleicht findet sich ja eine Notlösung, bis das mit dem Script irgendwann wieder geht, oder jemand eine Lösung dazu weiß.

Zitat von 2002Andreas

Zitat von GermanFreme82

mit 2 Tab-Reihen die man dann nach rechts scrollen kann

Ist mir zumindest nicht bekannt.

Ok, schade.
Naja somit kann ich eigentlich nur ein wenig tricksen und die Tabreihen auf 10, oder mehr setzen, damit ich den Fehler nicht zu Gesicht bekomme ;-).

Wie müßte denn das Script aussehen, für 1 Tab-Reihe nach rechts scrollbar ?

Zitat von 2002Andreas

Zitat von GermanFreme82

Wie müßte denn das Script aussehen, für 1 Tab-Reihe nach rechts scrollbar ?

Dafür reicht mein Code aus Beitrag Nr. 1, weil das Standard ist.

CSS

/*Abstand nach oben abhängig davon, ob die Lesezeichensymbolleiste und/oder die Titelleiste aktiviert sind in Zeile 18 bitte anpassen*/

#TabsToolbar[inFullscreen="true"] {
    -moz-box-ordinal-group:1000!important;
    }

#main-window[inFullscreen="true"] #navigator-toolbox {
    margin-top:-80px!important;
    }

#main-window[inFullscreen="true"] #navigator-toolbox:hover {
    margin-top:1px!important;
    }

#TabsToolbar:not([inFullscreen="true"]){
    position: absolute !important;
    display: block !important;
    top: 104px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

.tabbrowser-tab {
  min-width: 180px !important;
    margin-top: 2px !important;
    max-height: 37px !important;
   }

#tabs-newtab-button {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
    }

#tabbrowser-tabs {
   width: 100vw !important;
   }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 36px !important;
   }

Alles anzeigen

Ein Script ist dafür nicht nötig.

Achso okay und wo genau muß ich das hinzufügen, also in welche Datei ?
Aktuell hab ich ja deine letzte "userChrome.css" und die "MultiRowTab_LiteforFx48.js" nach deinen Angaben angepaßt.

Zitat von 2002Andreas

Zitat von GermanFreme82

also in welche Datei ?

In die userChrome.css.

Das Script musst du dann aber entfernen/deaktivieren.

Achso DANKE !
Ja ich werd die Tage das auch mal probieren.
Vielleicht findet sich ja jemand, der das "MultiRowTab_LiteforFx48.js" anpassen kann um den Fehler zu beheben.

Zur Sicherheit hier nochmal das letzte Script:

// ==UserScript==
// @name zzzz-MultiRowTab_LiteforFx48.uc.js
// @namespace http://space.geocities.yahoo.co.jp/gl/alice0775
// @description Experimentelle CSS Version für Mehrzeilige Tableiste
// @include main
// @compatibility Firefox 89
// @author Alice0775
// @version 2016/08/05 00:00 Firefox 48
// @version 2016/05/01 00:01 hide favicon if busy
// @version 2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+
// @version 2016/02/09 00:01 workaround css for lwt
// @version 2016/02/09 00:00
// ==/UserScript==
"use strict";
MultiRowTabLiteforFx();
function MultiRowTabLiteforFx() {


var css =` @-moz-document url-prefix("chrome://browser/content/browser.xhtml") {


/* Symbolleiste Sortieren */
#titlebar { -moz-box-ordinal-group: 2; }


/* Anpassung der Symbolleiste */
:root[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 8px !important; }
#titlebar,#tabbrowser-tabs { -moz-appearance: none !important; }


/* Titelleisten Schaltflächen anpassen */
:root[tabsintitlebar="true"] #nav-bar .titlebar-buttonbox > .titlebar-button { width: 46px !important; }
#nav-bar #window-controls > toolbarbutton { width: 36px !important; }
#nav-bar #window-controls toolbarbutton:not([id="close-button"]):hover { background-color: var(--toolbarbutton-hover-background) !important; }


/* Mehrzeilige Tableiste */
box.scrollbox-clip[orient="horizontal"] { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
overflow-x: hidden;
overflow-y: auto; }
tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
tabs tab { overflow: hidden; }
tab > .tab-stack { width: 100%; }
@media not (-moz-proton) {
scrollbox[part][orient="horizontal"] { max-height: calc(var(--tab-min-height) * 5); } /* Anzahl der Tabzeilen(Standard = 5 Zeilen) wenn Proton false */
tabs tab,#tabs-newtab-button { height: var(--tab-min-height); } }
@media (-moz-proton) {
scrollbox[part][orient="horizontal"] { max-height: calc(calc(8px + var(--tab-min-height)) * 6); } /* Anzahl der Tabzeilen(Standard = 5 Zeilen) wenn Proton true */
tabs tab,#tabs-newtab-button { height: calc(8px + var(--tab-min-height)); } }
#tabs-newtab-button { margin: 0 !important; }


/* Bei Überschreitung der angegebenen Zeilenanzahl, mit der Maus,
über die dann eingeblendetet Scrolleiste zur gewünschten Zeile wechseln */
scrollbox[part][orient="horizontal"] > scrollbar { -moz-window-dragging: no-drag; }


/* Ausblenden */
tabs tab:not([fadein]),
#toolbar-menubar[autohide="false"] ~ #nav-bar hbox.titlebar-buttonbox-container { display: none; }


/* --- Ziehbereich der Tab-Leiste --- */
/* Anpassung */
hbox.titlebar-spacer[type="pre-tabs"] { width: 0px !important; } /* Linker Ziehbereich: Standard 40px */
hbox.titlebar-spacer[type="post-tabs"] { width: 0px !important; } /* Rechter Ziehbereich: Standard 40px */
/* ↓ Wenn Sie die linke und rechte Seite des CSS-Codes auskommentieren und den CSS-Code aktivieren,
können Sie den Ziehbereich links einblenden, der beim Maximieren des Fensters ausgeblendet wird. */
/* :root:not([sizemode="normal"]) hbox.titlebar-spacer[type="pre-tabs"] { display: block !important; } */


} `;
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);


if(location.href !== 'chrome://browser/content/browser.xhtml') return;


// Menüleiste an den oberen Rand der Symbolleiste verschieben
document.getElementById("titlebar").parentNode.insertBefore(document.getElementById("toolbar-menubar"),document.getElementById("titlebar"));


// Titelleisten Schaltflächen in die Tableiste an den Rechten Rand verschieben
document.getElementById("PanelUI-button").appendChild(document.querySelector("#TabsToolbar .titlebar-buttonbox-container"));
document.getElementById("PanelUI-button").appendChild(document.getElementById("window-controls"));


// Scroll-Buttons und Spacer in der Tab-Leiste ausblenden shadowRoot
gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-up').style.display = "none";
gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-down').style.display = "none";
gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-start-indicator"]').style.display = "none";
gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-end-indicator"]').style.display = "none";


// drag & drop & DropIndicator


gBrowser.tabContainer.clearDropIndicator = function() {
let tabs = this.allTabs;
for (let i = 0, len = tabs.length; i < len; i++) {
tabs[i].removeAttribute("style");
}
}
gBrowser.tabContainer.addEventListener("dragleave", function(event) { this.clearDropIndicator(event); }, true);


gBrowser.tabContainer.on_dragover = function(event) {
this.clearDropIndicator();
var effects = this._getDropEffectForTabDrag(event);


var ind = this._tabDropIndicator;
if (effects == "" || effects == "none") {
ind.hidden = true;
return;
}
event.preventDefault();
event.stopPropagation();


var arrowScrollbox = this.arrowScrollbox;


// autoscroll the tab strip if we drag over the scroll
// buttons, even if we aren't dragging a tab, but then
// return to avoid drawing the drop indicator
var pixelsToScroll = 0;
if (this.getAttribute("overflow") == "true") {
switch (event.originalTarget) {
case arrowScrollbox._scrollButtonUp:
pixelsToScroll = arrowScrollbox.scrollIncrement * -1;
break;
case arrowScrollbox._scrollButtonDown:
pixelsToScroll = arrowScrollbox.scrollIncrement;
break;
}
if (pixelsToScroll) {
arrowScrollbox.scrollByPixels(
(RTL_UI ? -1 : 1) * pixelsToScroll,
true
);
}
}


// let draggedTab = event.dataTransfer.mozGetDataAt(TAB_DROP_TYPE, 0);
let draggedTab = this._getDropIndex(event, false);
if (
(effects == "move" || effects == "copy") &&
this == draggedTab.container
) {
ind.hidden = true;


if (!this._isGroupTabsAnimationOver()) {
// Wait for grouping tabs animation to finish
return;
}
this._finishGroupSelectedTabs(draggedTab);


if (effects == "move") {
this._animateTabMove(event);
return;
}
}


this._finishAnimateTabMove();


if (effects == "link") {
let tab = this._getDragTargetTab(event, true);
if (tab) {
if (!this._dragTime) {
this._dragTime = Date.now();
}
if (Date.now() >= this._dragTime + this._dragOverDelay) {
this.selectedItem = tab;
}
ind.hidden = true;
return;
}
}


var rect = arrowScrollbox.getBoundingClientRect();
var newMargin;
if (pixelsToScroll) {
// if we are scrolling, put the drop indicator at the edge
// so that it doesn't jump while scrolling
let scrollRect = arrowScrollbox.scrollClientRect;
let minMargin = scrollRect.left - rect.left;
let maxMargin = Math.min(
minMargin + scrollRect.width,
scrollRect.right
);
if (RTL_UI) {
[minMargin, maxMargin] = [
this.clientWidth - maxMargin,
this.clientWidth - minMargin,
];
}
newMargin = pixelsToScroll > 0 ? maxMargin : minMargin;
} else {
let newIndex = this._getDropIndex(event, effects == "link");
let children = this.allTabs;
if (newIndex == children.length) {
// let tabRect = children[newIndex - 1].getBoundingClientRect();
let tabRect = children[newIndex - 1].style.setProperty("box-shadow","-1px 0 0 red inset,1px 0 0 red","important");
if (RTL_UI) {
newMargin = rect.right - tabRect.left;
} else {
newMargin = tabRect.right - rect.left;
}
} else {
// let tabRect = children[newIndex].getBoundingClientRect();
let tabRect = children[newIndex].style.setProperty("box-shadow","1px 0 0 red inset,-1px 0 0 red","important");
if (RTL_UI) {
newMargin = rect.right - tabRect.right;
} else {
newMargin = tabRect.left - rect.left;
}
}
}


ind.hidden = false;
newMargin += ind.clientWidth / 2;
if (RTL_UI) {
newMargin *= -1;
}
ind.style.transform = "translate(" + Math.round(newMargin) + "px)";
}


gBrowser.tabContainer.on_drop = function(event) {
this.clearDropIndicator();
var dt = event.dataTransfer;
var dropEffect = dt.dropEffect;
var draggedTab;
let movingTabs;
if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) {
// tab copy or move
draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0);
// not our drop then
if (!draggedTab) {
return;
}
movingTabs = draggedTab._dragData.movingTabs;
draggedTab.container._finishGroupSelectedTabs(draggedTab);
}
this._tabDropIndicator.hidden = true;
event.stopPropagation();
if (draggedTab && dropEffect == "copy") {
// copy the dropped tab (wherever it's from)
let newIndex = this._getDropIndex(event, false);
let draggedTabCopy;
for (let tab of movingTabs) {
let newTab = gBrowser.duplicateTab(tab);
gBrowser.moveTabTo(newTab, newIndex++);
if (tab == draggedTab) {
draggedTabCopy = newTab;
}
}
if (draggedTab.container != this || event.shiftKey) {
this.selectedItem = draggedTabCopy;
}
} else if (draggedTab && draggedTab.container == this) {
let oldTranslateX = Math.round(draggedTab._dragData.translateX);
let tabWidth = Math.round(draggedTab._dragData.tabWidth);
let translateOffset = oldTranslateX % tabWidth;
let newTranslateX = oldTranslateX - translateOffset;
if (oldTranslateX > 0 && translateOffset > tabWidth / 2) {
newTranslateX += tabWidth;
} else if (oldTranslateX < 0 && -translateOffset > tabWidth / 2) {
newTranslateX -= tabWidth;
}
let dropIndex = this._getDropIndex(event, false);
// "animDropIndex" in draggedTab._dragData &&
// draggedTab._dragData.animDropIndex;
let incrementDropIndex = true;
if (dropIndex && dropIndex > movingTabs[0]._tPos) {
dropIndex--;
incrementDropIndex = false;
}
if (oldTranslateX && oldTranslateX != newTranslateX && !gReduceMotion) {
for (let tab of movingTabs) {
tab.setAttribute("tabdrop-samewindow", "true");
tab.style.transform = "translateX(" + newTranslateX + "px)";
let onTransitionEnd = transitionendEvent => {
if (
transitionendEvent.propertyName != "transform" ||
transitionendEvent.originalTarget != tab
) {
return;
}
tab.removeEventListener("transitionend", onTransitionEnd);
tab.removeAttribute("tabdrop-samewindow");
this._finishAnimateTabMove();
if (dropIndex !== false) {
gBrowser.moveTabTo(tab, dropIndex);
if (incrementDropIndex) {
dropIndex++;
}
}
gBrowser.syncThrobberAnimations(tab);
};
tab.addEventListener("transitionend", onTransitionEnd);
}
} else {
this._finishAnimateTabMove();
if (dropIndex !== false) {
for (let tab of movingTabs) {
gBrowser.moveTabTo(tab, dropIndex);
if (incrementDropIndex) {
dropIndex++;
}
}
}
}
} else if (draggedTab) {
let newIndex = this._getDropIndex(event, false);
let newTabs = [];
for (let tab of movingTabs) {
let newTab = gBrowser.adoptTab(tab, newIndex++, tab == draggedTab);
newTabs.push(newTab);
}
// Restore tab selection
gBrowser.addRangeToMultiSelectedTabs(
newTabs[0],
newTabs[newTabs.length - 1]
);
} else {
// Pass true to disallow dropping javascript: or data: urls
let links;
try {
links = browserDragAndDrop.dropLinks(event, true);
} catch (ex) {}
if (!links || links.length === 0) {
return;
}
let inBackground = Services.prefs.getBoolPref(
"browser.tabs.loadInBackground"
);
if (event.shiftKey) {
inBackground = !inBackground;
}
let targetTab = this._getDragTargetTab(event, true);
let userContextId = this.selectedItem.getAttribute("usercontextid");
let replace = !!targetTab;
let newIndex = this._getDropIndex(event, true);
let urls = links.map(link => link.url);
let csp = browserDragAndDrop.getCSP(event);
let triggeringPrincipal = browserDragAndDrop.getTriggeringPrincipal(
event
);
(async () => {
if (
urls.length >=
Services.prefs.getIntPref("browser.tabs.maxOpenBeforeWarn")
) {
// Sync dialog cannot be used inside drop event handler.
let answer = await OpenInTabsUtils.promiseConfirmOpenInTabs(
urls.length,
window
);
if (!answer) {
return;
}
}
gBrowser.loadTabs(urls, {
inBackground,
replace,
allowThirdPartyFixup: true,
targetTab,
newIndex,
userContextId,
triggeringPrincipal,
csp,
});
})();
}
if (draggedTab) {
delete draggedTab._dragData;
}
}


gBrowser.tabContainer._getDropIndex = function(event, isLink) {
var tabs = this.allTabs;
var tab = this._getDragTargetTab(event, isLink);
if (!RTL_UI) {
for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
if (
event.screenY >
tabs[i].screenY &&
event.screenY <
tabs[i].screenY + tabs[i].getBoundingClientRect().height
) {
if (
event.screenX >
tabs[i].screenX &&
event.screenX <
tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
) {
return i;
}
if (
event.screenX >
tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 &&
event.screenX <
tabs[i].screenX + tabs[i].getBoundingClientRect().width
) {
return i + 1;
}
}
}
} else {
for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
if (
event.screenY >
tabs[i].screenY &&
event.screenY <
tabs[i].screenY + tabs[i].getBoundingClientRect().height
) {
if (
event.screenX <
tabs[i].screenX + tabs[i].getBoundingClientRect().width &&
event.screenX >
tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
) {
return i;
}
if (
event.screenX <
tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 &&
event.screenX >
tabs[i].screenX
) {
return i + 1;
}
}
}
}
return tabs.length;
}


}

Hallo, ich komme hier auch nicht weiter.

Habe aus #1 den aktualisierten Code von Andreas kopiert, aber nun ist alles durcheinander.

Sei es die Schrift, Ordnerfarbe, Abstand usw.

Der ursprüngliche funktionierende Code lautete:

/*Abstand nach oben abhängig davon, ob die Lesezeichensymbolleiste und/oder die Titelleiste aktiviert sind in Zeile 18 bitte anpassen*/

#TabsToolbar[inFullscreen="true"] {
    -moz-box-ordinal-group:1000!important;
    }

#main-window[inFullscreen="true"] #navigator-toolbox {
    margin-top:-80px!important;
    }

#main-window[inFullscreen="true"] #navigator-toolbox:hover {
    margin-top:1px!important;
    }

#TabsToolbar:not([inFullscreen="true"]){
    position: absolute !important;
    display: block !important;
    top: 95px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

.tabbrowser-tab {
    margin-top: 2px !important;
    max-height: 37px !important;
   }

#tabs-newtab-button {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
    }

#tabbrowser-tabs {
   width: 100vw !important;
   }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 34px !important;
   }

Wo/In welcher Zeile müsste ich da was korrigieren?

Habe im css Ordner die Datei

bookmark_icons_colorized.css

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


treechildren::-moz-tree-image(title, container) {
 list-style-image: url("../image/folder-item.png")!important;
 -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

treechildren::-moz-tree-image(title, open) {
 -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

treechildren::-moz-tree-image(title, container, livemark) {
 list-style-image: url("../image/feedIcon16.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
 list-style-image: url("../image/bookmarksToolbar.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
 list-style-image: url("../image/bookmarksMenu.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
 list-style-image: url("../image/unsortedBookmarks.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query) {
 list-style-image: url("../image/query.png") !important;
 -moz-image-region: auto !important;
}

treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("../image/calendar.png") !important;
  -moz-image-region: auto !important;
}


treechildren::-moz-tree-image(query, OrganizerQuery_History) {
  list-style-image: url("../image/calendar.png") !important;
  -moz-image-region: auto !important;
}


.bookmark-item[container] {
  list-style-image: url("../image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[container][open] {
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

.bookmark-item[container][livemark] {
  list-style-image: url("../image/livemark-folder.png") !important;
  -moz-image-region: auto !important;
}


.bookmark-item[container][livemark] .bookmark-item {
  list-style-image: url("../image/livemark-item.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

.bookmark-item[container][livemark] .bookmark-item[visited] {
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[container][query] {
  list-style-image: url("../image/query.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][tagContainer] {
  list-style-image: url("../image/tag.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][dayContainer] {
  list-style-image: url("../image/calendar.png") !important;
  -moz-image-region: auto !important;
}

.bookmark-item[query][hostContainer] {
  list-style-image: url("../image/folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.bookmark-item[query][hostContainer][open] {
  list-style-image: url("../image/folder-item.png") !important;
  -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

/* Bookmarks roots menu-items */
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup {
  list-style-image: url("../image/feedIcon16.png") !important;
}

#bookmarksToolbarFolderMenu,
#BMB_bookmarksToolbar,
#panelMenu_bookmarksToolbar {
  list-style-image: url("../image/bookmarksToolbar.png") !important;
  -moz-image-region: auto !important;
}

#menu_unsortedBookmarks,
#BMB_unsortedBookmarks,
#panelMenu_unsortedBookmarks {
  list-style-image: url("../image/unsortedBookmarks.png") !important;
  -moz-image-region: auto !important;
}

/**/

Ich habe es in die userchrome.css eingetragen.

Also komplett kopiert.

Bei mir klappt es nicht. Nun sind die Tabs oben (übergroß)
und alles andere hat sich verschoben.

Die Symbole sind winzig, die Ordnerfarbe ist weg (statt gelb = transparent).

Welchen Code genau soll ich für die userchrome.css einfügen?

Das schaut dann so aus