FF 57 Mehrzeilige Tab-Leiste

Hier geht es um Fragen und Probleme mit Themes und Erweiterungen für den Firefox.
JeffWood
Mitglied
Beiträge: 108
Registriert: Mi, 04. Dez 2013 14:23

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
Mitglied
Beiträge: 108
Registriert: Mi, 04. Dez 2013 14:23

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) 114 mal betrachtet

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 8 Gäste