FF 57 Mehrzeilige Tab-Leiste

Hier geht es um Fragen und Probleme mit Themes und Erweiterungen für den Firefox.
JeffWood

Re: FF 57 Mehrzeilige Tab-Leiste

#61

Beitrag von JeffWood » Sa, 11. Aug 2018 11:29

Vielen Dank Endor,

die neuen Skripte werde ich mir am Wochenende auch mal anschauen und testen.
Eigentlich bin ich mit dem alten sehr zufrieden (bis auf die Sache mit dem nicht automatischen Scrollen bei neuen Tabs ) Aber sonst macht es das, was es soll, fehlerfrei.

JeffWood

Re: FF 57 Mehrzeilige Tab-Leiste

#62

Beitrag von JeffWood » Do, 16. Aug 2018 18:31

Habe jetzt zwei der neuen Scripte getestet und kann keinen Mehrwert zu dem bereits geposteten Script feststellen.

Die Zeile...

Code: Alles auswählen

.tabbrowser-arrowscrollbox { -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important; }
hatte ich schon in dem alten Script eingefügt, damit ließen sich dann sehr komfortabel die Tabreihen mit dem Mausrad scrollen.
Die gesamte CSS-Datei als Variable in das Javascript einzufügen finde ich persönlich nicht so doll, zumal ich ja trotzdem noch etwas in die userchrome.css eintragen muss.

Hier nochmal die funktionsfähige Lösung, welche ich benutze:

userchrome.css:

Code: Alles auswählen

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

/* TabLabel settings */
.tabbrowser-tab .tab-label {
	text-shadow: 1px 1px 1px #000000 !important;	
	font-weight: normal !important;
	font-size:   12px !important;
	font-family: "Arial" !important;
	color: #DDDDDD !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
	text-shadow: none !important; 
	color: black !important; 
}
.tabbrowser-tab .tab-label[selected="true"] {
	text-shadow: 1px 1px 1px #000000 !important;	
	color: white !important; 
	font-weight: normal !important;
	font-size:   12px !important; 
	font-family: "Arial" !important; 
}

/* hide tab-line */
#TabsToolbar .tabbrowser-tab .tab-line {
	display: none !important; 
}

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

#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
	background: unset !important;
	border-top: unset !important;
	outline: none !important;
}

/*- Tab-Background -*/
.tab-background[selected="true"] > spacer {
  background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
  filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important; 
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
  background-image:  linear-gradient( rgba(255,255,255,1), rgba(100,125,145,1) ),  none !important; 
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  background-image:  linear-gradient( rgba(255,255,255,0.8), rgba(100,125,145,0.8) ),  none !important; 
}

.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(255,255,255,1), rgba(110,110,110,1) ),  none !important; 
}
.tab-background:not([selected=true]) > spacer {
	background-image:  linear-gradient( rgba(255,255,255,0.66), rgba(110,110,110,0.66) ),  none !important; 
}


/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
/* Die angezeigte Scrollbar, bewegt sich mit dem Mausrad, wenn die Anzahl der Tabreihen um mehr als die angegebene Anzahl erhöht wird */
.tabbrowser-arrowscrollbox { -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important; }

:root {
	--tab-min-height: 28px !important;
	--tab-top-margin: 3px !important;
}

.tabbrowser-tab {
	min-height: var(--tab-min-height) !important;
	max-height: var(--tab-min-height) !important;
	height: var(--tab-min-height:) !important;
	vertical-align: bottom !important;
	margin-top: var(--tab-top-margin) !important;
}

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

/* tabs right position */
.tabbrowser-tabs {
  margin-right: -41px !important;
}

.tabbrowser-arrowscrollbox scrollbox {
  overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
  display: block !important;
}

#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) + var(--tab-top-margin))) !important; /*- '3' Tabzeilen -*/
}

#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow: visible; 
  display: block;
}
/* Button for scrolling tabs to the left */
.scrollbutton-up{
  display: none;
}
/* Button for scrolling tabs to the right */
.scrollbutton-down{
  display: none;
}
/* Height for '+'-Button (newtab) */
.tabs-newtab-button {
  vertical-align: bottom !important;
  height: var(--tab-min-height:) !important;
}
/*Drop-down menu for all tabs */
#alltabs-button{
  display: none;
}

...und das von Endor als erstes gepostete Script:
viewtopic.php?p=1088303#p1088303

Das Ganze sieht dann so bei mir aus:
MultiTabRow.jpg
MultiTabRow.jpg (46.48 KiB) 307 mal betrachtet

Benutzeravatar
Söny
Junior-Mitglied
Beiträge: 2
Registriert: Sa, 01. Dez 2018 18:53

Re: FF 57 Mehrzeilige Tab-Leiste

#63

Beitrag von Söny » Sa, 01. Dez 2018 19:50

hi, hab das obengenannte script mal ausprobiert, geht auch. aber wie bekomme ich die tabs in der höhe ungefär halb so hoch das ich wirklich nur logo und schrift sehe und wie mache ich das die tabs nur halb so lang sind? schonmal vielen dank für die hilfe.

mfg

Söny

Benutzeravatar
Söny
Junior-Mitglied
Beiträge: 2
Registriert: Sa, 01. Dez 2018 18:53

Re: FF 57 Mehrzeilige Tab-Leiste

#64

Beitrag von Söny » So, 02. Dez 2018 16:02

hallo, das mit der breite hab ich hinbekommen. Das mit der höhe aber leider nicht. Das scrollen wenn zu viele tabs offen sind geht leider auch nicht. er zeigt mich zwar den balken an, aber funktionieren tut er leider nicht.

hab jetz gewechselt zu #57 Beitrag von JeffWood » Do, 19. Jul 2018 18:58

da sichd die tabs durchsichtiger. gefällt mir besser. das mit der breite hab ich hier auch hinbekommen, nur das mit der höhe nicht. und auch hier funktioniert der scroll balken leider nicht. sieht jetz so aus
Unbenannt.JPG

Antworten

Wer ist online?

Mitglieder in diesem Forum: Google [Bot] und 5 Gäste