Beiträge von J87

J87 · 6. November 2022

Zitat von BrokenHeart
Auf gar keinen Fall dürfen die Größenangaben und Abstände für die Tabs, sowie die Anzahl der sichtbaren Reihen in der 'userChrome.css' neu definiert werden. Dann nämlich funktioniert das Scrollen nicht mehr richtig...

Hier das Script (Inhalt kopieren und als Text-Datei 'MultiRowTabs.uc.js' ins 'chrome'-Verzeichnis einfügen):
JavaScript: MultiRowTabs.uc.js
// 'MultiRowTabs.uc.js' V02 by BrokenHeart
// based on 'MultiRowTab_LiteforFx48.uc.js' from 'http://space.geocities.yahoo.co.jp/gl/alice0775' (Alice0775)
// Thanks to aborix...

Super war schon wieder am verzweifeln..haha.und nach 5min hier drin geht wieder alles

J87 · 12. Juli 2021

Zitat von milupo

Du solltest immer schreiben, was du meinst. Erspart das Herumrätseln und nicht immer gibt es jemanden, der weiß, was du meinst.

ist ja jetzt auch kein Weltuntergang wenn man sich mal verschreibt. Wie gesagt da er mir das selber vorgeschlagen hat, wusste er auch dann was ich meine. Aber klar sollte man schon auch das richtige schreiben.

Zitat von grisu2099
Teste folgenden Code:
CSS
#toolbar-menubar > spacer {
    display: none !important;
    }

hat sich doch schon erledigt...hat doch alles gepasst

J87 · 12. Juli 2021

ja meinte nicht die Menüleiste sondern die Min/Max/Schließen-Button.

BrokenHeart hat ja aus dem Kontext schließen können was ich meine...Gab ja nur ein Script für Buttons die ich ..und wenn es nicht gepasst hätte, hätte ich mich ja nicht bedankt, sondern gesagt dass ich was anderes meine.

J87 · 12. Juli 2021

Zitat von BrokenHeart

Teste bitte diese Version:

JavaScript

//    MinMaxCloseButton.uc.js

(function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
       
    try {
        let titleButtons = document.getElementsByClassName('titlebar-buttonbox-container')[0];
        let navBar = document.getElementById('nav-bar');
        navBar.appendChild(titleButtons);
        titleButtons.setAttribute('overflows', false);
            
    } catch(e) { };        
   
})();

Alles anzeigen

Super Viel besser.

Ihr habt auch echt alles XD

J87 · 12. Juli 2021

Zitat von milupo

Ich empfehle dir folgendes Skript. Es startet Firefox neu: Mit Linksklick normal, bei MIttelklick und Rechtsklick wird auch der Skript-Cache geleert. Es legt in der Symbolleiste ein Symbol aus zwei blauen Pfeilen an. Dann brauchst du nicht immer über about:support --> Start-Cache löschen… gehen. Ein entsprechender Klick reicht aus.

super. Danke dir. hat geklappt.

@BrokenHeart

im Moment passt es mir dann doch so wie es ist.

Aber vll hab ich mal viel langeweile und dann versuche ich es.

Aber das mit der Menüleiste hab ich gleich gemacht. Viel besser

Danke Vielmals
werde bestimmt wieder kommen XD

ah doch da hab ich noch was.

was muss ich machen, um die Menüleiste am besten ganz rechts stehen zu haben? So wie es normalerweise auch ist.

J87 · 11. Juli 2021

Super. Vielen Dank für die Mühe. Auch wenn es nicht leicht war. XD

Zitat

Als Erläuterung zu Beitrag #51: Im Unterschied zu CSS, wo es nach Änderungen reicht, Firefox neu zu starten, muss bei Benutzerskripten nach Änderungen der sogenannte Skript-Cache beim Neustart gelöscht werden. Das macht u. a. die Schaltfläche Start-Cache löschen …

gut zu wissen. Hätte eventuell schon früher bei mir zu einer Veränderung geführt. Das war mir so nicht klar.

Kann ich mit einem Script auch das Scrollen beeinflussen. Also wieviel Pixel er scrollen soll bei den Tabs?

J87 · 11. Juli 2021

Habe es jetzt zweimal gemacht und jetzt scheint es zu gehen...

jetzt muss ich nur noch die Tabs wieder richtig einstellen die es mir durch die .js-Datei ordentlich geändert hat

J87 · 11. Juli 2021

Zitat von grisu2099

Nein.
Dumme Frage zurück: Du hast Firefox neu gestartet?

Ja nach jedem Speichern der Datei starte ich Firefox neu.

Habe das gefühl, dass Firefox die .JS-Dateien blockiert.

J87 · 11. Juli 2021

userchrome.js geändert.

Hat aber keine Wirkung gebracht.

Kein "About:Config" button, keine richtiges verschieben der Tabs. Falls es jetzt gehen sollte.

jetzt mal ne dumme Frage.

kann es sein dass der Zusatz ".UC" garnicht bei den Dateien stehen darf.

J87 · 11. Juli 2021

Zitat von grisu2099

Da heben wirs doch.
Das Skript für die Multi-Tab-Reihen hat in dieser Datei nix verloren.
Ersetze die Datei durch die Version. die milupo in Beitrag #41 gepostet hat.

vll siehst du es grade falsch.

1Bild:

Eintragunf der userChrome.js

2.Bild

Eintrag der About:Config mit aufzeigen dass es OHNE BOM ist. So ist es bei der 01-MultiRowTabLiteforFx.uc.js auch

J87 · 11. Juli 2021

Zitat von grisu2099

Zeige mal bitte den Inhalt der Datei "userChrome.js" aus deinem Profil-Ordner.
Die ist bei dir 4kb groß, bei mir hat die nur 1kb...

Ergänzung: UTF-8 "ohne BOM"???

hier der Inhalt.

Nur grüne Texte ohne Wirkung.

Und ja auch OHNE BOM

J87 · 11. Juli 2021

Zitat von milupo

g-Skript hat er sicherlich vom Laptop übernommen, es sollte also dann funktionieren, wenn es vorher funktioniert hat. Aber auch das funktioniert nicht.
Bei mir klappt auch das Verschieben von Tabreihe zu Tabreihe. Möglicherweise erwartet er beim Verschieben einen neuen Tab, in Wirklichkeit bleiben 25 offene Tabs vor dem Verschieben auch nach dem Verschieben noch 25 offene Tabs. Aber, wenn das about:config-Skript nicht funktioniert, hat er die Vorbereitungen für die Skripte nicht richtig getroffen.

Nein beim Verschieben erwarte ich keinen neuen Tab. Es soll ja der existierende Tab einfach an den Ort verschoben werden können wo ich ihn mit der Maus hinschieben. z.b. aus Zeile 4, 5.Tab zu Zeile 2, 3.Tab.

J87 · 11. Juli 2021

Zitat von milupo

Zitat von grisu2099

Ich tippe eher darauf, daß J87 da doch einen Fehler beim Einrichten gemacht hat, wenn auch der "about:config-Button" nicht funktioniert.

Ja, denke ich auch, obwohl er behauptet, dass er ja alles gemacht hätte, wie es ein soll.

hier siehst du ja wo ich die Dateien bwz. Ordner hinkopiert habe.

Entweder bin ich zu blöd oder ich bin zu blöd. XD

Zitat

Was verstehst du unter „nie“? Dein altes Skript funktioniert ja nicht mehr, darum habe ich dich ja auf die Skripte für Fx 89 hingewiesen.

Das ich mit den Scripten damals die Tabs nie richtig verschieben konnte. Da ich auch davon ausgegangen bin das die Scripte auch für die Darstellung der Multitabs zuständig sind und ich mich dann nicht weiter um das Verschieben gekümmert habe aber es immer nervig war.

Zitat

Oder er hat die Scripte nicht mit der Textcodierung UTF-8 abgespeichert.

Habe ich extrta jetzt geschaut und laut Notepad++ ist es UTF-8

J87 · 11. Juli 2021

Zitat

Ich habe daschon im Beitrag #16 geschrieben, dass das mit CSS nicht möglich ist. CSS kann nur das Aussehen verändern, es kann keine Funktionen ausführen.

Achso, dass fällt auch darunter. Dachte dabei geht es nur um das manuelle verschieben per Maus.

Sry.

Ja das mit dem Script hab ich versucht.

Aber die .js-Dateien haben bei mir irgendwie keine Funktion habe ich das gefühl. Obwohl ich alle Ordnetr und Dateien so verschoben habe wie es sein soll.

Z.b: kann ich auch den about:config button nicht aktivieren über so ein Script. Er erscheint einfach nicht.

Zitat

BrokenHeart bot hier im vom TE verlinkten Thread die gemeinsame Nutzung von CSS und Code an:

Mehrreihige Tabs mit CSS und Benutzerskript

ich bin damals davon ausgegangen, dass beides für die MultiTabs zuständig sind.

Wusste nicht dass CSS den Multitab macht und die .js-Datei (Benutzerscript) für das "Verschieben der Tabs" zuständig ist.

Denn beim Laptop hat das verschieben der Tabs auch nie geklappt.

Obwohl ich es alles nach Anleitung durchgeführt habe.

Und das nicht aktivierte Tabs beim schließen solche "Löcher" bilden hatte ich auch noch nie. weder vor Änderung der Dateien am PC noch jemals am Laptop.

J87 · 11. Juli 2021

hab jetzt ein anderes dunkles Theme genommen dann ist der blaue Rand weg.

Und als ich den Tab geschlossen habe (war nicht aktiv) hat er mir die Tabs nicht nachgeschoben.- Also ich habe löcher dazwischen. Wie geht sowas weg?

Nur wenn ich den aktioven Tab lösche rutschen die nicht aktiven Tabs nach.

Zitat

Hier passt das einwandfrei, siehe meine Screenshots dazu.

in deinem Post sind keine Screenshots. Oder meinst die vom vorherigen Post?

J87 · 11. Juli 2021

habs jetzt noch bisschenm verändert. Das Problem ist jetzt, dass die letzte Tabreihe erst ab einer bestimmten Anzahl an Tabs die richtige Größe anzeigt. Zudem bei dunklem Theme ist der blaue Rand zu sehen.

CSS

/* Tableiste mehrreihig oben */
@-moz-document url(chrome://browser/content/browser.xhtml) {

[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 10px !important;
}

#titlebar,#tabbrowser-tabs {
appearance: none !important;
}

[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 4); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
  margin-top: -3px !important;
  margin-bottom: -20px !important;
}

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

:root #tabbrowser-tabs {
    --tab-min-height: 30px !important; 
}
    
         /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste*/

    /* TAB normal (inaktiv):
    * Hintergrundfarbe, Schriftfarbe,
    * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
    * unten kein Rahmen -> Abschlußrahmen vom Container.*/

   
    #TabsToolbar .tabbrowser-tab {
    min-height:20px !important;
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 10px 10px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    }

    /* TAB bei bei angewähltem TAB (aktiv):
    * Hintergrundfarbe, Rahmen,
    * Schriftfarbe. */
 
    #TabsToolbar .tabbrowser-tab[selected="true"] {
    background: white !important;
    border-radius: 10px 10px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    font-weight: bold !important;    
    color: black ! important; 
    }

    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand.*/
 
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -5px !important;    
    margin-bottom: 2px !important; 
    }
        
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt */
 
    #TabsToolbar .tab-close-button {
    margin-right: -5px !important;  
    color: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 20px !important;
    width:  20px !important;    
    background-color: red !important;
    border-radius: 14px !important; 
    }
    
    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none !important; 
    }

    /* Alle anderen Elemente in den TABs ohne Hintergrund. */

    #TabsToolbar .tabbrowser-tab * {
    background: none !important; 
    }
 
    /* Schriftgröße Tabs */

    .tab-text {
    font-size:15px !important; 
    }
    
    /* Damit wird der Tabtext am Ende nicht ausgeblendet */
    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 0em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    /* Tabs Proton-Design */

    :root {
    --proton-tab-radius: 0px !important;
    --proton-tab-block-margin: 0px !important;
    --inline-tab-padding: 10px !important;
    }


    #TabsToolbar .toolbarbutton-1 {
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    }

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }     

    .tabbrowser-tab[label*=" - YouTube"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"] .tab-content {
    background-image: linear-gradient(to bottom, red 0%, red 14%, red 14%, red 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"] .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, red 14%, red 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"]:hover .tab-content {
    background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"]:hover .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;
    } 

    .tabbrowser-tab .tab-content vbox.tab-label-container.proton {
    -moz-box-orient: horizontal !important;
    } 
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton hbox.tab-icon-sound {
    margin-top: 0px !important;
    margin-right: 0px !important;
    } 
    
    .tab-icon-sound[soundplaying="true"],
    .tab-icon-sound[muted="true"],
    .tab-icon-sound[activemedia-blocked="true"] {
    background: #FFF !important;
    padding: 0 1px !important;
    }
    
    .tab-icon-sound[soundplaying="true"] .tab-icon-sound-image,
    .tab-icon-sound[muted="true"] .tab-icon-sound-image,
    .tab-icon-sound[activemedia-blocked="true"] .tab-icon-sound-image {
    fill: #F10 !important;
    }

    .tab-icon-sound-image {
    height: 1.7em !important;
    }
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
    display: none !important;
    }

    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    }

    .tab-label-container {
    margin: auto !important;}

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    flex-shrink: 0 !important; 
    padding: 0px !important;
    padding-top: -5px!important;
    width: 16px !important;
    }

    /*Tabs in Tableiste mittig*/
    
    scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
    }
    
    /* Lautsprechersymbol größer */
    
    .tab-icon-overlay {
    transform: scale(1.7, 1.7) !important;
    }
    
    image.tab-icon-overlay {
    top: 3px !important;
    padding-right: 3px !important;
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 200px !important;
    max-width: 200px !important;
    }
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 256px !important;
    max-width: 256px !important;
    }
    
    /* Schatten drum */
    
    #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
    box-shadow: none !important;
}

Alles anzeigen

J87 · 11. Juli 2021

wow super :)...hab jetzt deinen code mit dem von mir bisschen zusammen gesetzt und ist fast perfekt.

camp-firefox.de/attachment/31626/

der blaue Rahmen um den aktiven Tab sollte eventuell nicht da sein. Bei dir ist er es komischerwesie nicht da.

und in welchem Bereich kann ich die höhe der Tabs einstellen? Finde nur die Länge.

J87 · 11. Juli 2021

Ansich ganz gut, nur fehlen mir jetzt noch die 2 weiteren Tabreihen.

Zudem sind die Tabs bei dir gefühltz noch etwas kleiner, was schöner ist.

und der aktive Tab überlappt wenn ich nicht direkt in der Tabreihe des aktive Tabs bin. Was jetzt nicht so schlimm ist.

Zitat

Mit einem CSS Code funktioniert das auch nicht richtig.

Dazu wäre wohl nur ein Script in der Lage.

Achso. Schade.

J87 · 11. Juli 2021

ja hab jetzt nur noch CSS und da kämpfe ich mich gerade durch..aber komm auch leider nicht so voran wie ich möchte.

Benutze jetzt diesen CSS-Code:

CSS

    #TabsToolbar .tabbrowser-tab {
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    }

    /* TAB bei bei angewähltem TAB (aktiv):
    * Hintergrundfarbe, Rahmen,
    * Schriftfarbe. */
 
    #TabsToolbar .tabbrowser-tab[selected="true"] {
    background: red !important;
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    font-weight: bold !important;    
    color: black ! important; 
    }

Alles anzeigen

Leider hat jetzt noch der unaktive Tab einen zweiten Rahmen den ich nicht weg bekomme. Sollte so sussehen wie der aktive Tab ohne zweiten Rahmen. Zudem würde ich gern den Radius der Tabs bischen kleiner machen, aber da habe ich auch keinen Punkt der dafür zuständig ist.

Was auch komisch ist, ich kann die Tabs nicht wirklich verschieben. Die landen wo sie gerade wollen. Aber das ist iwie mit jedem Script oder CSS so auch am Laptop.

J87 · 11. Juli 2021

habs jketzt nur nmoch über css gemacht.

CSS

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste*/

    /* TAB normal (inaktiv):
    * Hintergrundfarbe, Schriftfarbe,
    * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
    * unten kein Rahmen -> Abschlußrahmen vom Container.*/

   
    #TabsToolbar .tabbrowser-tab {
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    }

    /* TAB bei bei angewähltem TAB (aktiv):
    * Hintergrundfarbe, Rahmen,
    * Schriftfarbe. */
 
    #TabsToolbar .tabbrowser-tab[selected="true"] {
    background: red !important;
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    font-weight: bold !important;    
    color: black ! important; 
    }

    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand.*/
 
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -5px !important;    
    margin-bottom: 2px !important; 
    }
        
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt */
 
    #TabsToolbar .tab-close-button {
    margin-right: -5px !important;  
    color: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 20px !important;
    width:  20px !important;    
    background-color: red !important;
    border-radius: 14px !important; 
    }
    
    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none !important; 
    }

    /* Alle anderen Elemente in den TABs ohne Hintergrund. */

    #TabsToolbar .tabbrowser-tab * {
    background: none !important; 
    }
 
    /* Schriftgröße Tabs */

    .tab-text {
    font-size:15px !important; 
    }
    
    /* Damit wird der Tabtext am Ende nicht ausgeblendet */
    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 0em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    /* Tabs Proton-Design */

    :root {
    --proton-tab-radius: 0px !important;
    --proton-tab-block-margin: 0px !important;
    --inline-tab-padding: 10px !important;
    }

    #TabsToolbar {
    min-height: 36px !important;
    max-height: 36px !important;    
    border-top: 1px solid #B2B2B2 !important;
    border-bottom: 1px solid #B2B2B2 !important; 
    margin-bottom: 1px !important;
    padding-left: 2px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    }

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }     

    .tabbrowser-tab[label*=" - YouTube"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"] .tab-content {
    background-image: linear-gradient(to bottom, red 0%, red 14%, red 14%, red 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"] .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, red 14%, red 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"]:hover .tab-content {
    background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"]:hover .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;
    } 

    .tabbrowser-tab .tab-content vbox.tab-label-container.proton {
    -moz-box-orient: horizontal !important;
    } 
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton hbox.tab-icon-sound {
    margin-top: 0px !important;
    margin-right: 0px !important;
    } 
    
    .tab-icon-sound[soundplaying="true"],
    .tab-icon-sound[muted="true"],
    .tab-icon-sound[activemedia-blocked="true"] {
    background: #FFF !important;
    padding: 0 1px !important;
    }
    
    .tab-icon-sound[soundplaying="true"] .tab-icon-sound-image,
    .tab-icon-sound[muted="true"] .tab-icon-sound-image,
    .tab-icon-sound[activemedia-blocked="true"] .tab-icon-sound-image {
    fill: #F10 !important;
    }

    .tab-icon-sound-image {
    height: 1.7em !important;
    }
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
    display: none !important;
    }

    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    }

    .tab-label-container {
    margin: auto !important;}

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    flex-shrink: 0 !important; 
    padding: 0px !important;
    padding-top: -5px!important;
    width: 16px !important;
    }

    /*Tabs in Tableiste mittig*/
    
    scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
    }
    
    /* Lautsprechersymbol größer */
    
    .tab-icon-overlay {
    transform: scale(1.7, 1.7) !important;
    }
    
    image.tab-icon-overlay {
    top: 3px !important;
    padding-right: 3px !important;
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 200px !important;
    max-width: 200px !important;
    }
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 256px !important;
    max-width: 256px !important;
    }
    
    /* Schatten drum */
    
    #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
    box-shadow: 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) * 2); /* Anzahl der Tabzeilen = 2 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

versuche jetzt nur rauszufinden wie ich es bisschen kleiner bekomme die tabs..und auch 3 reihen untereiander sichtbar

Beiträge von J87

Mehrzeilige Tableiste für aktuelle FireFox-Versionen

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs

FF89.0.2 - Mehrreihige Tabs