Zunächst mal würde ich vorschlagen, persönliche Infos und Konversationen aus den Screenshots rauszulassen. 
Zunächst mal würde ich vorschlagen, persönliche Infos und Konversationen aus den Screenshots rauszulassen.
Sehr gut, aber hat mit meinem Problem absolut nichts zu tun! Hast du einen Lösungsvorschlag???
Hier ist der passende Thread für dein Problem
Wichtig: Dieses Skript wird nicht mehr weiterentwickelt. Die letzte Firefox-Version, die noch unterstützt wird ist 137.
Kann jemand helfen
Teste bitte:
/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://00.bulog.jp/archives/1476/ ***************************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/* https://github.com/Endor8/userChrome.js/blob/master/Mutirowtabs/ *********************/
/****************************************************************************************/
/* NOTE
The below variables are overridden by the ones used inside
./config/general_variables.css file, if this projects full package is used.
Set custom values inside ./config/general_variables.css in that case.
*/
:root{
--tabs-lines: 3;
--tab_min_width_mlt: 200px;
--tab_max_width_mlt: 200px;
--tab-min-height_mlt: var(--tab-min-height,25px); /* set own value here, if used without configuration files */
}
#tabbrowser-tabs{
min-height: unset !important;
padding-inline-start: 0px !important;
margin-top: 1px !important;
}
@-moz-document url(chrome://browser/content/browser.xhtml){
#scrollbutton-up~spacer,
#scrollbutton-up,
#scrollbutton-down{
display: var(--scrollbutton-display-model,initial);
}
scrollbox[part][orient="horizontal"] > slot,
scrollbox[part][orient="horizontal"]{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
scrollbar-color: currentColor transparent;
scrollbar-width: thin;
contain: none !important;
}
}
.scrollbox-clip[orient="horizontal"],
#tabbrowser-arrowscrollbox{
overflow: -moz-hidden-unscrollable;
display: block;
--scrollbutton-display-model: none;
}
.tabbrowser-tab{
height: var(--tab-min-height_mlt);
}
:is(.tabs-newtab-button,#tabs-newtab-button) {
height: var(--tab-min-height_mlt) !important;
}
#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;
margin-inline-start: 0px !important;
}
.tabbrowser-tab[fadein]:not([pinned]) {
flex-grow: 1;
min-width: var(--tab_min_width_mlt) !important;
max-width: var(--tab_max_width_mlt) !important;
}
.tabbrowser-tab > stack{
width: 100%;
height: 100%;
}
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-arrowscrollbox > spacer,
.tabbrowser-tab::after{
display: none !important;
}
.tab-background {
margin-block: unset !important;
}
box.scrollbox-clip[orient="horizontal"] {
display: inline !important;
}
.tab-label-container {
height: unset !important;
}
/* Fx 133+ */
#tabbrowser-tabs[orient="horizontal"] .tab-background,
#tabbrowser-tabs[orient="horizontal"] {
min-height: unset !important;
}
/* Schriftgröße Tabs */
.tab-label-container {
font-size: 12px!important;
}
/*Tableiste - leeres Feld vor dem ersten Tab entfernen*/
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
display: none !important;
}
/*Tabtext zentriert*/
.tab-label-container {
margin: auto !important; /*nur wenn Tabs schmaler gemacht sind, sonst auskommentieren*/
height: unset !important;
display: grid !important;
justify-items: safe center !important;
justify-content: safe center !important;
}
.tab-label {
justify-content: center !important;
overflow: hidden !important;
}
/*Tabinhalt auf ganze Tabbreite*/
.tab-label-container {
margin: auto !important;
}
/*Tab schließen Button verschoben*/
.tab-close-button{
flex-shrink: 0 !important;
margin-right: -6px !important;
}
/*Tab schließen Button HG bei hover rot und das X weiß*/
.tab-close-button[fadein]:hover {
fill: white !important;
background: red !important;
}
/*Abgerundete Tabs*/
.tab-background {
border-radius: 80px !important;
max-height:33px !important;
}
/*Abgerundeter Schließen Button*/
.tab-close-button {
border-radius: 80px !important;
}
/*Alle Tabs ausgewählt HG grün*/
#main-window .tab-background[multiselected] {
background: red !important;
}
/*Alle Tabs ausgewählt Schrift gelb und fett auf Ursprungstab*/
.tabbrowser-tab[visuallyselected][multiselected] {
color: yellow !important;
font-weight: bold !important;
}
/*Alle Tabs ausgewählt hover Schrift rot und fett auf Ursprungstab*/
.tabbrowser-tab[visuallyselected]:hover[multiselected] {
color:red !important;
font-weight: bold !important;
}
/*Aktiver Tab HG red*/
.tabbrowser-tab[visuallyselected] .tab-background{
background: red !important;
}
/*Aktiver Tab hover HG grün*/
.tabbrowser-tab[visuallyselected]:hover > .tab-stack > .tab-background {
background: orange !important;
}
/*Aktiver Tab hover Schrift weiß*/
.tabbrowser-tab[visuallyselected]:hover {
color: white !important;
}
/*Aktiver Tab Schatten außen rot*/
#TabsToolbar .tabbrowser-tab[visuallyselected] > .tab-stack > .tab-background {
box-shadow: 0 0 10px red !important;
}
/*Aktiver Tab Schatten innen rot*/
#TabsToolbar .tabbrowser-tab[visuallyselected] > .tab-stack > .tab-background {
box-shadow: inset 0 0 8px red !important;
}
/*Inaktiver Tab HG hellgrau*/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
background: green !important;
}
/*Inaktiver Tab Schrift schwarz = Standard*/
.tabbrowser-tab:not([visuallyselected]) {
color: white !important;
}
/*Inaktiver Tab hover HG blau*/
.tabbrowser-tab:not([visuallyselected]):hover > .tab-stack > .tab-background {
background: blue !important;
}
/*Inaktiver Tab hover Schritf weiß*/
.tabbrowser-tab:not([visuallyselected]):hover {
color: white !important;
}
/*Inaktiver Tabtext kleiner*/
.tabbrowser-tab:not([selected]) .tab-label {
font-size: 100% !important;
}
/*Das X vom Ende des Tabtext nach rechts verschoben*/
.tab-label-container[textoverflow]:not([pinned]) {
mask-image: unset !important;
margin-right: 7px !important;
}
/* Angepinter HG hellgrün*/
.tabbrowser-tab .tab-content[pinned] {
background: lightgreen !important;
}
/* Angepinter hover HG gelb */
.tabbrowser-tab .tab-content[pinned]:hover {
background: yellow !important;
}
/*Abstand vom ersten Tab zum letzten angepinnten Tab schmaler*/
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 1px !important;
}
/*Aktiver Tab: Schriftfarbe*/
.tab-background[selected]{
color: red !important;
}
/*Tab Abstand nebeneinander*/
.tabbrowser-tab {
padding-inline: .9px !important;
}
/*Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem Fx ist*/
.tab-label {
opacity: 1 !important;
}
/*Tabtext wird am Ende nicht ausgeblendet*/
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
mask-image: none !important;
}
/*Runder Neuer Tab Button rot, das X weiß*/
#TabsToolbar #tabs-newtab-button > image {
background: red !important;
fill: white !important;
border-radius: 120px !important;
padding-bottom: 2px !important;
padding-left: 2px !important;
}
/*Runder Neuer Tab Button das X bei hover weiß, der HG blau*/
#TabsToolbar #tabs-newtab-button:hover > image {
background: blue !important;
}
/*Neuer Tabbutton hover HG blau, funktioniert nur, ohne eigenen HG für den Button*/
#TabsToolbar #tabs-newtab-button {
--toolbarbutton-hover-background: rgb(2, 80, 187) !important;
}
/*2te Zeile im Tab bei Ton ausgeblendet, alternativ in about:config*/
label.tab-icon-sound-label {
display: none !important;
}
/*Lautsprechersymbol auf Tab größer und weiß*/
.tab-icon-overlay {
fill: green !important;
transform: scale(1.8, 1.8) !important;
}
/*Hintergrund der Buttons in der Tableiste bei Überlauf und hover rot*/
#TabsToolbar {
--toolbarbutton-hover-background: red !important;
}
/*Scrollbutton vor/zurück Icon weiß HG rot*/
toolbarbutton#scrollbutton-up image.toolbarbutton-icon,
toolbarbutton#scrollbutton-down image.toolbarbutton-icon {
background: red !important;
fill: white !important;
}
/*Alle Tabs auflisten Icon weiß bei hover*/
#alltabs-button:hover {
fill: white !important;
}
/*Button für Neuer Tab weiß bei hover*/
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
fill: white !important;
}
/*Abstand der Icons im Überlauf*/
#TabsToolbar {
--toolbarbutton-inner-padding: 1px!important;
}
/*Abstand Neuer Tab Button im Überlauf*/
#new-tab-button, #alltabs-button {
padding-bottom: 1px!important;
}
@-moz-document url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-container {
background: white;
}
.sidebar-placesTreechildren,#search-box {
color: black !important;
}
#search-box {
appearance: none !important;
background-color: white !important;
}
}Hier ist der passende Thread für dein Problem
Der user nutzt kein Skript, sondern einen CSS-Code.
Hättest du seine Datei mal geladen, hättest du das gesehen
Sobald ich TABS anhefte
Sorry, das hatte ich nicht getestet, kann ich aber bestätigen.
Mozilla hat etwas geändert bezüglich der angehefteten Tabs. Ob bzw. wie man das wieder ändert bin ich zur Zeit leider auch überfragt.
Evtl. fällt einem anderen User ja etwas dazu ein.
Evtl. fällt einem anderen User ja etwas dazu ein.
Vielleicht wirst Du ja noch fündig!
Vielleicht ja einfach den freien Platz für die angehefteten Tabs nutzen, dazu einfach das ↓ CSS-Schnipsel an passender Stelle einfügen.
#pinned-tabs-container {
max-width: 136px !important;
}Mit dem Wert von max-width eventuell noch ein wenig spielen.
Hier ist der passende Thread für dein Problem
Der user nutzt kein Skript, sondern einen CSS-Code.
Hättest du seine Datei mal geladen, hättest du das gesehen
Ich hatte die Datei geladen! 
Da es ja anscheinend mit einem CSS nicht zu beheben ist, sollte ER den empfohlenen Thread mal begucken, ob dort die Lösung mit einem Script anstelle des CSS sein Problem behebt.
die Lösung mit einem Script anstelle des CSS sein Problem behebt.
Tut es nicht
Ohne Kenntnis SEINER sonstigen Anpassungen w+rde ich mir diese Einschätzung nicht zu eigen machen. Warten wir doch mal, was er nach dem Test deines Vorschlags zurückmeldet. 
was er nach dem Test deines Vorschlags zurückmeldet.
Funktioniert leider nicht!
Sobald ich TABS anhefte, wird der ganze Tabblock nach rechts geschoben
Upps, es sollte "meines" Vorschlags heißen...
Ich vermute mal, dass das die gleiche Ursache hat wie dieses Problem (bislang ohne Antwort). Dort sind es die folgenden Änderungen, welche den Verhaltensunterschied auslösen:
Vielleicht hilft das ja jemandem beim Finden einer Lösung.
Hallo liebe Leute,
ich hatte das gleiche Problem mit dem MultiRowTabLiteforFx.uc.js-Script. Da habe ich mich auf die Suche gemacht und diesen Support Thread von Aries-12 gefunden. Dort wird einen Coder (MrOtherGuy) erwähnt, der auch eine multi-row_tabs.css veröffentlicht hat. Diese multi-row_tabs.css funktioniert bei mir einwandfrei, auch in Verbindung mit dem MultiRowTabLiteforFx.uc.js-Script oder alleine. Es werden zwar überschneidene Funktionen von der multi-row_tabs.css im Script überschrieben weil die .css vorrecht hat, aber sonst klappt das bei mir mit beiden. Das ist erstmal eine temporäre Lösung für mich, bis eine Lösung für das Script erfolgt.
mfG byReini
