Multi-Row Tableiste per Userchrome anpassen

2002Andreas

Zitat von Krabato

für die verschwundene Scrollbar ?

Hier zumindest ist sie vorhanden. :-??

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

Krabato

ok... bei mir nicht... -??

Was hast du denn in der css stehen?

2002Andreas

Nur den Code aus Beitrag Nr. 118.

Allerdings habe ich auf meinem Screenshot 7 Reihen Tabs geöffnet.

Krabato

ok, aber daran kann es ja nicht liegen, wenn ich in

Code

#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,20.2px);
}

eine "3" habe...?!? Dann sollte doch bei den 5 geöffneten Reihen auch schon eine Scrollbar erscheinen...

2002Andreas

Da passt etwas nicht, Fehler von mir :-??

In Beitrag Nr. 118 handelt es sich ja um ein Script.
Für deinen anderen PC nutzt du aber einen CSS Code in der userChrome.css.
Für meinen Screenshot habe ich aber das Script getestet und nicht den CSS Code.

Ergo brauche ich mal den kompl. CSS Code zwecks Test.

Krabato

stimmt .... entschuldige, ist etwas verwirrend dass ich zwei verschiedene "Systeme" benutze... aber ich möchte gerne beides ausprobieren und dann entscheiden, welches für mich einfacher/besser ist... :wink:

Gerne hier nochmal der aktuelle Code:

CSS

/* Tableiste mehrreihig */


#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,20.2px);
}


.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;
}


 .tabbrowser-tab{
   border:1px solid grey!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[pinned] {
	max-width:30px!important;
}


.tabbrowser-tab[pinned] .tab-icon-image{
	margin-left:-5px!important;
}


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


.tabs-newtab-button {
  margin-left:-2px!important;
  vertical-align: bottom !important;
  height: 25px!important;
}


.tab-stack {
  width: 95%;
}


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


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


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


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


.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
  opacity: 0 !important;
}


#tabbrowser-tabs * {
  overflow-x: none !important;
}


#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
  display: block !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 4px !important;
}


#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 10px !important;
}


/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
	font-style: italic !important;
}


/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
	background: aquamarine !important;
	color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
	background: #F465B4 !important;
	color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
	background: yellow !important;
	color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
	background: #B7F4F3 !important;
	color: black !important;
}
/* Letztes Tab - DEAKTIVIERT!
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
	background: lightseagreen !important;
	color: black !important;
}*/


/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
	background: #F465B4 !important;
	color: black !important;
}


/* Das Tab vor dem aktiven Tab > DEAKTIVIERT! Wozu das gut sein soll, weiss ich nicht... 
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
	background: rebeccapurple !important;
	color: black !important;
}*/
/*TABs farblich unterscheiden ENDE*/


.tab-line[selected="true"],.tab-line:not([selected="true"]) {
   display:none!important;
}


.tab-close-button.close-icon{
   margin-right:-10px!important;
}


.tab-close-button.close-icon{
display: -moz-box !important; 


}


/*NEU**** für Tableiste unter anderen Leisten*/
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
  -moz-box-ordinal-group: 100 !important;
}


/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
  margin-top: -8px !important;
}


/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-


bar {
  margin-top: 6px !important;
}


/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
  -moz-window-dragging: drag !important;
}


/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
  position: fixed !important;
  width: 100vw !important;
  -moz-window-dragging: drag !important;
}


/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}


/* menubar postion after moving to the top */
#toolbar-menubar {
  top: 10px !important;
}


/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 18px !important;
}


/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  top: 0px !important;
}


/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container {
  top: 4px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-


version:windows-win7) {
	/* set to '0', if no menubar is used */
	#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 8px !important;
	}
	/* set to '0', if no menubar is used */
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 4px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
	  top: 8px !important;
	}
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: 0px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 8px !important;
	}
}


/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}


/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
 -moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ 


#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}


/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}


/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-


buttonbox-container {
	  display: none !important;
	}
  }
  @media not all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: -8px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 0px !important;
	}
  }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not


([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-


menuactive="true"]:not([disabled="true"]) {
	background-color: Highlight !important;
	color: HighlightText !important;
  }
}


/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}


/*NEU**** für Tableiste unter anderen Leisten - ENDE*/

Alles anzeigen

Krabato

könntest du bitte auch nochmal im Code schauen, ob dort irgendwo eingestellt ist, dass ein über das Kontextmenü neu geöffneter Tab immer hinter dem gerade aktiven Tab erscheint?
Ich wollte das gerade über about:config ändern, geht aber nicht... der neue Tab erscheint immer noch nach dem gerade aktiven, was ich nicht möchte...

Zitronella

browser.tabs.insertRelatedAfterCurrent auf false funktioniert wunderbar bei mir. Neue Tabs werden rechts neben dem letzten Tab geöffnet.

Krabato

Genau das habe ich auch auf false geändert, aber wenn ich über das Kontextmenü einen neuen Tab öffne, erscheint der trotzdem hinter dem aktiven, nicht hinter dem letzten.... :-??

Ich schätze, dass in der Userchrome.css noch was anderes drin steht???

Boersenfeger

.. auch nach einem Browser-Neustart?
Wenn ja, dann testweise alle Codes in der userchrome.css nach und nach auskommentieren und testen... danach jeweils Firefox neu starten...

Krabato

Ja, auch nach dem Neustart... zuerst sieht man für ca. 1sec. dass der neue Tab ganz hinten geöffnet wird, aber sofort springt er dann hinter den aktiven Tab...
Werde dann mal auskommentieren...
(Ich dachte, man könne das in der Userchrome.css relativ schnell erkennen, was dort stört...)

2002Andreas

Die Scrollleiste fehlt hier auch, den Grund dafür kann ich dir nicht sagen.

Neue Tabs werden hier immer am Ende der Tableiste, auch mit dem obigen Code von dir, geöffnet.

Krabato

2002Andreas: Hmm, echt komisch... das mit der Scrollleiste....

Das mit dem Neuer-Tab-öffnen: Gibt es da einen Code in der Userchrome.css den du dafür verantwortlich machen kannst, den ich dann einfach löschen kann? Oder waren das erstmal auch nur Deine Beobachtungen mit meinem Code?

Krabato

Hallo,
es ist ja schon echt unglaublich, was da alles mit berücksichtigt werden muss...
Habe des Rätsels Lösung jetzt herausgefunden (geg**gelt und in einem englischsprachigen Forum gefunden)...:
Das Addon Tree Style Tab hat mir da noch reingefunkt und deshalb den neuen Tab immer hinter dem aktiven geöffnet.
Jetzt habe ich in den TST-Einstellungen bei "Einfügeposition neuer untergeordneter Tabs" den Punkt "keine Voreinstellung (das Verhalten von Firefox .... beibehalten) markiert - et voila.... funktioniert....

Jetzt fehlt mir noch die Scrollbar....
Und das Verhalten in der Tableiste, dass die angepinnten Tabs immer zu sehen sind, auch wenn ich (sofern die Scrollbar da ist :? ) ganz nach unten scrolle...

2002Andreas

Zitat von Krabato

Jetzt fehlt mir noch die Scrollbar...

Teste bitte mal diesen kompletten Code:

CSS

/* Tableiste mehrreihig */


#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-min-height_mlt: var(--tab-min-height,20,2px);
}


.tabbrowser-tab .tab-content { 
	border:1px solid grey!important;
}


.tab-close-button.close-icon{
   margin-right:-10px!important;
}


.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;
}


.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,.tab-background {
  min-height: var(--tab-min-height_mlt);
}


.tabs-newtab-button {
  margin-left:-2px!important;
  vertical-align: bottom !important;
  height: var(--tab-min-height_mlt);
}


.tab-stack {
  width: 98% !important;
}


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


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


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


#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
	margin-bottom:-17px !important;
	margin-top:-16px !important;
	margin-left:3px !important;
}


#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
}


.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
   opacity: 0 !important;
}


#tabbrowser-tabs * {
  overflow-x: none !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 4px !important;
}


#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 10px !important;
}


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


#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
  display: block !important;
}


/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
	font-style: italic !important;
}


/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
	background: aquamarine !important;
	color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
	background: #F465B4 !important;
	color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
	background: yellow !important;
	color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
	background: #B7F4F3 !important;
	color: black !important;
}
/* Letztes Tab - DEAKTIVIERT!
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
	background: lightseagreen !important;
	color: black !important;
}*/


/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
	background: #F465B4 !important;
	color: black !important;
}


/* Das Tab vor dem aktiven Tab > DEAKTIVIERT! Wozu das gut sein soll, weiss ich nicht... 
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
	background: rebeccapurple !important;
	color: black !important;
}*/
/*TABs farblich unterscheiden ENDE*/


.tab-line[selected="true"],.tab-line:not([selected="true"]) {
   display:none!important;
}


.tab-close-button.close-icon{
   margin-right:-10px!important;
}


.tab-close-button.close-icon{
display: -moz-box !important; 


}


/*NEU**** für Tableiste unter anderen Leisten*/
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
  -moz-box-ordinal-group: 100 !important;
}


/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
  margin-top: -8px !important;
}


/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-


bar {
  margin-top: 6px !important;
}


/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
  -moz-window-dragging: drag !important;
}


/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
  position: fixed !important;
  width: 100vw !important;
  -moz-window-dragging: drag !important;
}


/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}


/* menubar postion after moving to the top */
#toolbar-menubar {
  top: 10px !important;
}


/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 18px !important;
}


/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  top: 0px !important;
}


/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container {
  top: 4px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-


version:windows-win7) {
	/* set to '0', if no menubar is used */
	#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 8px !important;
	}
	/* set to '0', if no menubar is used */
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 4px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
	  top: 8px !important;
	}
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: 0px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 8px !important;
	}
}


/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}


/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
 -moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ 


#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}


/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}


/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-


buttonbox-container {
	  display: none !important;
	}
  }
  @media not all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: -8px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 0px !important;
	}
  }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not


([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-


menuactive="true"]:not([disabled="true"]) {
	background-color: Highlight !important;
	color: HighlightText !important;
  }
}


/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}


/*NEU**** für Tableiste unter anderen Leisten - ENDE*/

Alles anzeigen

Krabato

Hallo Andreas,
das hat geklappt - die Scrollbar ist wieder da! :klasse:
Ich danke Dir vielmals! Konntest du denn jetzt ausmachen, an was das gelegen hat, dass sie so plötzlich verschwunden war? Ich habe gesehen, dass du den Code ganz schön umgekrempelt und viele Veränderungen vorgenommen hast :wink::klasse:

Leider sind die Tabs jetzt etwas höher... ich habe gesehen, du hast gleich zu Anfang tab-min-height statt tab-max-height drin...
Dadurch habe ich jetzt auf dem gleich Platz wo ich vorher 4 Tabzeilen hatte, nur noch 3 Zeilen

Auch sind die Tabs (auch die angepinnten - der Code dafür ist jetzt gelöscht :-?? ) jetzt breiter, so dass ich hinten eine große schwarze Lücke vor der Scrollbar habe, die vorher fast bündig an die Tabs anschloss... und nur noch 15 statt 16 in einer Reihe angeordnet sind.

Welche Werte kann ich denn da ändern, wo kann ich dran "schrauben"?

Und meinst du, ob es möglich ist, dass man die angepinnten Tabs wirklich so anpinnen kann, dass sie fest stehenbleiben, auch wenn man durch die Tabzeilen scrollt? Im Moment scrollen sie mit nach oben und sind dann nicht mehr sichtbar...

2002Andreas

So sieht das hier mit dem Code aus.

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

Zitat von Krabato

die angepinnten Tabs wirklich so anpinnen kann

Ob bzw. wie das funktionieren soll kann ich dir nicht sagen.

Krabato

Ja, so sieht das ja bei mir auch aus - aber mir sind die Tabs zu hoch...
aber mit
"--tab-min-height_mlt: var(--tab-min-height,20,2px);"
kann ich nichts ändern.... vorher war es ja tab-max-height...

und hast du

CSS

/*angepinnte Tabs - Tabbreite anpassen*/
.tabbrowser-tab[pinned] {
	max-width:40px!important;
}


.tabbrowser-tab[pinned] .tab-icon-image{
	margin-left:-5px!important;
}

bewußt gelöscht?

2002Andreas

Ein Versuch noch, ansonsten muss ich passen.
Wenn das Script auf deinem anderen PC funktioniert, dann nimm das doch einfach statt dem CSS Code.

CSS

/* Tableiste mehrreihig */


#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,25px);
}
/*Tableistenabstände*/


#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
	margin-bottom:-16px !important;
	margin-top:-15px !important;
	margin-left:3px !important;
}


.tabbrowser-tab .tab-content { 
   border:1px solid grey!important;
}


.tabbrowser-tab[pinned] .tab-icon-image{
	margin-left:-5px!important;
}


.tab-close-button.close-icon{
   margin-right:-10px!important;
}


.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;
}


.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,.tab-background {
  min-height: var(--tab-max-height_mlt);
}


.tabs-newtab-button {
  margin-left:-2px!important;
  vertical-align: bottom !important;
  height: var(--tab-max-height_mlt);
}


.tab-stack {
  width: 98% !important;
}


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


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


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


#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-max-height_mlt) * var(--tabs-lines));
}


.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
   opacity: 0 !important;
}


#tabbrowser-tabs * {
  overflow-x: none !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 4px !important;
}


#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 10px !important;
}


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


#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
  display: block !important;
}


/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
	font-style: italic !important;
}


/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
	background: aquamarine !important;
	color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
	background: #F465B4 !important;
	color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
	background: yellow !important;
	color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
	background: #B7F4F3 !important;
	color: black !important;
}
/* Letztes Tab - DEAKTIVIERT!
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
	background: lightseagreen !important;
	color: black !important;
}*/


/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
	background: #F465B4 !important;
	color: black !important;
}


/* Das Tab vor dem aktiven Tab > DEAKTIVIERT! Wozu das gut sein soll, weiss ich nicht... 
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
	background: rebeccapurple !important;
	color: black !important;
}*/
/*TABs farblich unterscheiden ENDE*/


.tab-line[selected="true"],.tab-line:not([selected="true"]) {
   display:none!important;
}


.tab-close-button.close-icon{
   margin-right:-10px!important;
}


.tab-close-button.close-icon{
display: -moz-box !important; 


}


/*NEU**** für Tableiste unter anderen Leisten*/
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
  -moz-box-ordinal-group: 100 !important;
}


/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
  margin-top: -8px !important;
}


/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-


bar {
  margin-top: 6px !important;
}


/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
  -moz-window-dragging: drag !important;
}


/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
  position: fixed !important;
  width: 100vw !important;
  -moz-window-dragging: drag !important;
}


/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}


/* menubar postion after moving to the top */
#toolbar-menubar {
  top: 10px !important;
}


/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 18px !important;
}


/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  top: 0px !important;
}


/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container {
  top: 4px !important;
}


/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-


version:windows-win7) {
	/* set to '0', if no menubar is used */
	#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 8px !important;
	}
	/* set to '0', if no menubar is used */
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 4px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
	  top: 8px !important;
	}
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: 0px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 8px !important;
	}
}


/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}


/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
 -moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ 


#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}


/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}


/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-


buttonbox-container {
	  display: none !important;
	}
  }
  @media not all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: -8px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 0px !important;
	}
  }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not


([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-


menuactive="true"]:not([disabled="true"]) {
	background-color: Highlight !important;
	color: HighlightText !important;
  }
}


/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}


/*NEU**** für Tableiste unter anderen Leisten - ENDE*/

Alles anzeigen

Krabato

Hallo,
jetzt ist es fast perfekt, vielen Dank!!! :klasse::klasse::klasse:
Aber es ist zwischen der ersten und zweiten Tabreihe eine dunkle Lücke....
Könntest du da vielleicht nochmal nachschauen?
Danke vielmals!!
Ich wollte zweigleisig fahren mit Skript und auch mit der Userchrome.css, solange, bis ich weiß, wie sich beide so "entwickeln" und wo ich mehr "Ärger" und Arbeit mit habe, wenn ich ständig was nachbessern muss... deshalb wollte ich die css auch weiterhin nutzen und für mich anpassen....

Krabato