FF 57 Mehrzeilige Tab-Leiste

Pete

Hallo Leute, es geht darum, eine Tableiste (nur) bei Bedarf auf bis zu 3 Zeilen auszudehnen. (Am liebsten mit einer festen Breite, die sich also nicht automatisch verändert. Aber das gehört nicht direkt hier hin.)

Ich suche nun schon eine zeitlang, und beobachte auch die Beiträge hier im Forum, aber es hat sich noch keine Lösung gezeigt. Nun dachte ich, da es im Thread "FF 57 Mehrzeilige Lesezeichen-Symbolleiste" eine Lösung für die Lesezeichen-Leiste gibt, ob man das nicht umschreiben kann auf die Tab-Leiste!?

Hat jemand eine Idee? (Oder gibt es schon eine andere Lösung, weil ich niemand anderes mehr danach fragen sehe?)

2002Andreas

Teste bitte mal:

CSS

/*AGENT_SHEET*/


/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/




/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original author: ***********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/****************************************************************************************/


/* tabs height for "classic tabs" */
:root {
  --tab-min-height: 26px !important;
}


.tabbrowser-tab:not([pinned]) {
  flex-grow: 1;
  min-width: 170px !important;
  max-width: 170px !important;
}


.tabbrowser-tab,.tab-background {
  min-height: var(--tab-min-height);
}


.tab-stack {
  width: 100%;
}


#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto !important;
  min-height: var(--tab-min-height);
  max-height: calc(3*var(--tab-min-height)) !important; /* 3 rows */
}


#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow: visible; 
  display: block;
}


#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]){
  display: none;
}


#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag;
}

Alles anzeigen

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf

"Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Pete

Hallo Andreas, cool! Werd ich gleich mal testen.

Fox2Fox

Habe den Code für mich mal etwas angepasst.

CSS

/*Mehrzeilige Tab-Leiste*/


/*AGENT_SHEET*/


/* tabs height for "classic tabs" */
:root {
  --tab-min-height: 22px !important;
}


.tabbrowser-tab:not([pinned]) {
  flex-grow: 1;
  min-width: 125px !important;
  max-width: 125px !important;
}


.tabbrowser-tab,.tab-background {
  min-height: var(--tab-min-height);
}


.tab-stack {
  width: 100%;
}


#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto !important;
  min-height: var(--tab-min-height);
  max-height: calc(3*var(--tab-min-height)) !important; /* 3 rows */
}


#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow: visible; 
  display: block;
}


#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]){
  display: none;
}


#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag;
}

Alles anzeigen

Kann dieser Zwischenraum zwischen den Tabreihen, also zwischen der ersten und der zweiten Reihe, verringert werden? Damit meine ich nicht den Zwischenraum zwischen den Tabs nebeneinander. Das ist OK so.

[attachment=0]A6.jpg[/attachment]

universum123

jep Zwischenraum müsste kleiner werden

[attachment=0]Mehrzeilige Tab-Leiste zu Groß das ganze.png[/attachment]

2002Andreas

Da funken euch andere Codes dazwischen.

Hier gibt es keinen Abstand zwischen den Reihen.

[attachment=0]Zwischenablage01.jpg[/attachment]

lionsson

ICH BIN BEGEISTERT!!!

Neige eigentlich nicht zum Schreien... Aber eines der Hauptmanki von FF57 ist gelöst. Und das kommt dann ohne Vorlauf so lapidar per "...teste bitte mal..." daher. Wer hat's erfunden?

GL

2002Andreas

Zitat von lionsson

Wer hat's erfunden?

Aris, der Autor von CTR. :klasse:

laubenpieper

Ist ja sogar4-zeilig, danke an alle Beteiligten die daran gearbeitet haben

lp

AdminFox

universum123 wie hast du das gemacht den Zurück Button ganz nah an die Adressbar zu verschieben, den verkleinert?

Bei Dir ist die Adressbar schmaller wie?.

2002Andreas

Zitat von AdminFox

den Zurück Button ganz nah an die Adressbar zu verschieben

Man kann die Standard Icons doch einzeln bei geöffnetem Anpassenfenster verschieben.

AdminFox

Ich krieg die nicht ganz nah an die Adressbar es bleibt eine lücke dazwischen.

lionsson

Zitat von laubenpieper

Ist ja sogar4-zeilig

Die Anzahl der Zeilen kann man leicht ändern. Schau mal in das Script hinein.
GL

superbertel

Coole Geschichte, vielen Dank !

2 Problemchen habe ich: die Höhe der Tabs ist bei mir riesig, bestimmt 2 cm hoch. hab mal versucht, das über die Anpassund der Zeile

-tab-min-height: 12px !important;

zu lösen, es wirkt aber nicht.

Und ich hätte gerne, dass die mehrzeilige TabLeiste quasi fest im Firefox verankert ist, ohne Scrollbalken, versteht ihr,
was ich meine ?

superbertel

Interessante Beobachtung:

wenn ich hier:

-tab-min-height: 12px !important;

die Zahl auf 10 anpasse, dann ist die TabHöhe optimal, aber die mehrzeilige Tab Leiste funtioniert dann nicht mehr; es ist nur noch eine Zeile da, und wenn ich den letzten Tab in der Zeile schließe, rutschen die anderen Tabs, die sich in der 2. Zeile befinden müssten an diese Stelle nach.

Weitere Beobachtung:

Wenn ich das Script in der userChrome.css an den Anfang kopiere, sind meine schönen Noia Buttons weg. Wenn ich das Skript nach dem Skript für die Buttons einfüge funktioniert es, bis auf eben wie gerade beschrieben.

M_M

Schöner Ansatz!
Die Breite der Tabs kann dann jeder für sich anpassen.
Wie man die man die Anzahl der angezeigten Tab-Zeilen ändert ist klar.

Durch den Eintrag in der User-Datei wurde bei mir der sich zuvor in der Tab-Zeile rechts befindliche Dropdown-Pfeil entfernt, der eine Übersicht aller geöffneten Tabs zeigt.
Könnte der wieder hinzugefügt werden?

2002Andreas

Zitat von M_M

eine Übersicht aller geöffneten Tabs zeigt.

Ich verstehe nicht ganz was du damit genau meinst, hier werden alle offenen Tabs angezeigt :-??

[attachment=0]Screenshot (189).png[/attachment]

M_M

Du kannst den Pfeil nur sehen, wenn du den Eintrag zur mehrzeiligen Tableiste aus deine User-Datei entfernst.
Dann wird er rechts wieder sichtbar, wenn du beispielsweise 30 Tabs öffnest.

2002Andreas

Ok, den Pfeil kenne ich.

Nur welchen nutzen soll der jetzt haben? Es werden doch auch so alle Tabs angezeigt, bzw. was sollte er noch anderes anzeigen.

Das ist/war meine Überlegung.

M_M

Er hat den Nutzen, dass man, selbst wenn alle Tabs in 10 oder mehr Tab-Zeilen sichtbar wären, leichter den gewünschten Tab findet.
Eine Spalte zu durchsuchen ist leichter als 10-15 Spalten x 10 Zeilen.