Multi-Row Tableiste per Userchrome anpassen

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Krabato
Mitglied
Beiträge: 63
Registriert: Mo, 18. Feb 2019 22:24

Re: Multi-Row Tableiste per Userchrome anpassen

#136

Beitrag von Krabato Themen-Starter » Fr, 12. Apr 2019 9:34

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...
Dateianhänge
Vergleich höhe Tabs.JPG
Vergleich höhe Tabs.JPG (32.72 KiB) 269 mal betrachtet

Benutzeravatar
2002Andreas
Moderator
Beiträge: 40370
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Multi-Row Tableiste per Userchrome anpassen

#137

Beitrag von 2002Andreas » Fr, 12. Apr 2019 10:26

So sieht das hier mit dem Code aus.
Zwischenablage01.png
Krabato hat geschrieben:
Fr, 12. Apr 2019 9:34
die angepinnten Tabs wirklich so anpinnen kann
Ob bzw. wie das funktionieren soll kann ich dir nicht sagen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Krabato
Mitglied
Beiträge: 63
Registriert: Mo, 18. Feb 2019 22:24

Re: Multi-Row Tableiste per Userchrome anpassen

#138

Beitrag von Krabato Themen-Starter » Fr, 12. Apr 2019 10:55

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

Code: Alles auswählen

/*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?

Benutzeravatar
2002Andreas
Moderator
Beiträge: 40370
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Multi-Row Tableiste per Userchrome anpassen

#139

Beitrag von 2002Andreas » Fr, 12. Apr 2019 11:17

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

Code: Alles auswählen

/* 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*/
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Krabato
Mitglied
Beiträge: 63
Registriert: Mo, 18. Feb 2019 22:24

Re: Multi-Row Tableiste per Userchrome anpassen

#140

Beitrag von Krabato Themen-Starter » Mo, 15. Apr 2019 20:51

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
Dateianhänge
Lücke zwischen erster und zweiter Tabreihe.JPG
Lücke zwischen erster und zweiter Tabreihe.JPG (13.29 KiB) 168 mal betrachtet

Benutzeravatar
milupo
Senior-Mitglied
Beiträge: 5427
Registriert: Fr, 27. Okt 2006 22:25

Re: Multi-Row Tableiste per Userchrome anpassen

#141

Beitrag von milupo » Mo, 15. Apr 2019 21:48

Krabato hat geschrieben:
Mo, 15. Apr 2019 20:51
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...
Aus dem parallelen Gebrauch beider Methoden können sich aber auch Probleme ergeben, die du beim Gebrauch nur einer Methode nicht hättest. Wenn, dann solltest du in getrennten Profilen testen.
Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice und WordPress

Benutzeravatar
2002Andreas
Moderator
Beiträge: 40370
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Multi-Row Tableiste per Userchrome anpassen

#142

Beitrag von 2002Andreas » Mo, 15. Apr 2019 21:56

So sieht das hier aus:
Zwischenablage01.png
Mit diesem Code:

Code: Alles auswählen

/* 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:-16px !important;
	margin-left:1px !important;
}

.tabbrowser-tab .tab-content { 
   border:1px solid grey!important;
   margin-bottom:-2px !important;
   margin-top:-2px !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;
	margin-bottom:1px!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*/
In Zeile 11 und 19 kannst/musst du dir die Abstände evtl. selber noch weiter anpassen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Krabato
Mitglied
Beiträge: 63
Registriert: Mo, 18. Feb 2019 22:24

Re: Multi-Row Tableiste per Userchrome anpassen

#143

Beitrag von Krabato Themen-Starter » Mo, 15. Apr 2019 22:19

@milupo: Ich habe die 2 Methoden auf zwei PCs, von daher kein Problem :wink:

@2002Andreas: bei mir entsteht diese Lücke, komisch...
könntest du bitte die Zeile 11 und 19 genauer angeben? Ich weiß nicht, ob Zeilen von oben einfach runtergezählt werden, oder ob einzelne Zeilen nicht mitgezählt werden.
Wenn ich dort Werte ändere, muss ich dann etwas beachten, dass ich andere Werte dementsprechend auch anpassen muss?

Benutzeravatar
2002Andreas
Moderator
Beiträge: 40370
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Multi-Row Tableiste per Userchrome anpassen

#144

Beitrag von 2002Andreas » Mo, 15. Apr 2019 22:21

Diese Werte sind damit gemeint:

Code: Alles auswählen

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

.tabbrowser-tab .tab-content { 
   border:1px solid grey!important;
   margin-bottom:-2px !important;
   margin-top:-2px !important;
}
Nach jeder Änderung muss der Fx neu gestartet werden.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Krabato
Mitglied
Beiträge: 63
Registriert: Mo, 18. Feb 2019 22:24

Re: Multi-Row Tableiste per Userchrome anpassen

#145

Beitrag von Krabato Themen-Starter » Mo, 15. Apr 2019 22:29

ok, aber kann ich denn da einfach so rumprobieren und Werte ändern? Oder muss z.B. bei margin-bottom und margin-top immer der gleich Wert sein?

grisu2099
Mitglied
Beiträge: 71
Registriert: Di, 10. Nov 2015 18:31

Re: Multi-Row Tableiste per Userchrome anpassen

#146

Beitrag von grisu2099 » Mo, 15. Apr 2019 22:49

Wenn du auch ein Skript für die Tableiste hast, solltest du das für die Tests rausnehmen... :wink:

Benutzeravatar
2002Andreas
Moderator
Beiträge: 40370
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Multi-Row Tableiste per Userchrome anpassen

#147

Beitrag von 2002Andreas » Di, 16. Apr 2019 17:44

Krabato hat geschrieben:
Mo, 15. Apr 2019 22:29
Oder muss z.B. bei margin-bottom und margin-top immer der gleich Wert sein?
Der muss nicht, kann aber gleich sein. Das musst du eben ausprobieren wie es bei dir am besten passt.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Antworten

Wer ist online?

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