Höhe der Tabs verringern

2002Andreas

Sehr fummelige Angelegenheit für mich :-??

So kann ich es dir anbieten, nur rechts den kleinen Scrollbalken bekomme ich (noch) nicht weg.

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

Dazu habe ich deine userChrome.css aus dem Beitrag Nr. 24 benutzt, und dieses zusätzlich unten drunter eingetragen:

CSS

.tabbrowser-tab{
    max-height: 25px!important;
    -moz-box-flex: 0!important;
    width: 170px!important;
}

	:root {
  --tab-min-height: 18px !important;
}


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


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


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


#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

Fox2Fox

Zitat von 2002Andreas

Sehr fummelige Angelegenheit für mich :-??

Das kannst du wohl sagen. Habe auch mal gefummelt...

CSS

/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
 * zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
 * Oben die Menü-Leiste, darunter die Navigations-Leiste danach
 * die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
 * von früher her gewohnt ist.
 * 
 * Oft wird eine andere Vorgehensweise beschrieben.
 * Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
 * durchnummeriert, das ist übersichtlich und hat bisher geklappt.
 */
#toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
#nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 4 !important;
}










/*LZ-Symbolleiste 2-Reihig*/


#personal-bookmarks {
      display: block;
    }

    #personal-bookmarks #PlacesToolbar {
      display: block;
      min-height: 0px;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 999px;
    }

    #personal-bookmarks #PlacesToolbar > hbox {
      display: -moz-stack !important;
      left: 0px;
      right: 0px;
      width: 100%;
    }

    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
      overflow-x: visible;
      overflow-y: visible;
    }

    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
      display: block;
    }

    #personal-bookmarks #PlacesToolbar > .bookmark-item{
      visibility: visible !important;
    }

    #personal-bookmarks #PlacesToolbar .chevron{
      display: none;
    }

    #personal-bookmarks #PlacesToolbar > hbox > hbox{
      overflow-x: hidden;
      overflow-y: hidden;
    }

    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
      display: none;
    }

    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
      padding-top: 4px;
      padding-bottom: 4px;
      /*margin-left: -4px !important;
      padding-right: 9.5px !important;*/
    }

    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
      padding-top: 1px !important;
      padding-bottom: 1px !important;
      /*-moz-padding-start: 4px;
      -moz-padding-end: 2px;*/
    }

    #personal-bookmarks #PlacesToolbar toolbarseparator{
      -moz-appearance: none !important;
      visibility: visible !important;
      display: inline;
      text-shadow: none !important;
      border-left: 3px solid ThreeDShadow !important;
      border-right: 3px solid ThreeDHighlight !important;
      vertical-align: middle;
    }

    #personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
      -moz-appearance: toolbarbutton;
    }

    #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) { 
      max-height: 999px !important;
    }










/*Ordnerfarbe*/


/* Lesezeichen Sidebar - Ordnericon stehend blau */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/history/history-panel.xul") {
	treechildren::-moz-tree-image(container) {
		list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNkoBAwgoiaRc82sTH99wWx//9nfPPq0yePqdkaZ4k2IG/hvf0sTP8dYIL/IQbh1fjnH8POKQlKHow1Cx+WfPr7J/Mfwz8lUpzOxMB0j5+FZTqjetrtR4zMDGJAt7CT5Pn/DD///2V4xSiT/fTaP0ag7Yz/STSA8SfTf6Z7jNJFb0/9+v9Xj4HxH4kGMP1kY2S+xKhZ93Hfjz+/rYAipBnAwPiTg4X1GKNF55dNX3/9dgcawEaiAb+42Fh3MrpP/b7s0/dfwcB4I80ARsZfvJxsaxnDF/6a9f7Lr4T///+xkqaf6bcAN9sCxrQ1f/tef/iZ+///fxbSDGD8I8zHPpnRqfxI4yc2jVoGaKokAfzn+X2nGWgQkwTQ+YZAAWYSDfjLyMR8nlRbMb1CqQEACmp1y80wWngAAAAASUVORK5CYII=')
		!important; }
}


/* Lesezeichen verwalten - Ordnericon stehend blau */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {
	treechildren::-moz-tree-image(container) {
		list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNkoBAwgoiaRc82sTH99wWx//9nfPPq0yePqdkaZ4k2IG/hvf0sTP8dYIL/IQbh1fjnH8POKQlKHow1Cx+WfPr7J/Mfwz8lUpzOxMB0j5+FZTqjetrtR4zMDGJAt7CT5Pn/DD///2V4xSiT/fTaP0ag7Yz/STSA8SfTf6Z7jNJFb0/9+v9Xj4HxH4kGMP1kY2S+xKhZ93Hfjz+/rYAipBnAwPiTg4X1GKNF55dNX3/9dgcawEaiAb+42Fh3MrpP/b7s0/dfwcB4I80ARsZfvJxsaxnDF/6a9f7Lr4T///+xkqaf6bcAN9sCxrQ1f/tef/iZ+///fxbSDGD8I8zHPpnRqfxI4yc2jVoGaKokAfzn+X2nGWgQkwTQ+YZAAWYSDfjLyMR8nlRbMb1CqQEACmp1y80wWngAAAAASUVORK5CYII=')
		!important; }
}


/* Lesezeichen - Ordnericon blau */
@-moz-document url-prefix("chrome://browser/content/browser.xul") {
	.bookmark-item[container="true"] {
		list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNkoBAwgoiaRc82sTH99wWx//9nfPPq0yePqdkaZ4k2IG/hvf0sTP8dYIL/IQbh1fjnH8POKQlKHow1Cx+WfPr7J/Mfwz8lUpzOxMB0j5+FZTqjetrtR4zMDGJAt7CT5Pn/DD///2V4xSiT/fTaP0ag7Yz/STSA8SfTf6Z7jNJFb0/9+v9Xj4HxH4kGMP1kY2S+xKhZ93Hfjz+/rYAipBnAwPiTg4X1GKNF55dNX3/9dgcawEaiAb+42Fh3MrpP/b7s0/dfwcB4I80ARsZfvJxsaxnDF/6a9f7Lr4T///+xkqaf6bcAN9sCxrQ1f/tef/iZ+///fxbSDGD8I8zHPpnRqfxI4yc2jVoGaKokAfzn+X2nGWgQkwTQ+YZAAWYSDfjLyMR8nlRbMb1CqQEACmp1y80wWngAAAAASUVORK5CYII=')
		!important;
		-moz-image-region: rect(0px 16px 16px 0px) !important; }










/*Adressleiste bereinigen*/


#urlbar-zoom-button,
#pageActionButton,
.urlbar-history-dropmarker {
	display:none!important;
}










/*LZ-Menü: Diese Seite ausblenden*/


menu#subscribeToPageMenupopup{
	display:none!important;
}










/*Chronik ausblenden*/


menu#history-menu{
	display:none!important


}










/*Schließkreuz TAB ausblenden*/


.tab-close-button{
		display:none!important;
	}










/*Kontextmenü Tab*/


#context_reloadTab,
menuitem[label="Tab stummschalten"],
menuitem[label="In neues Fenster verschieben"],
#context_sendTabToDevice,
#context_reloadAllTabs,
#context_bookmarkAllTabs,
#context_closeTabsToTheEnd,
#context_undoCloseTab,
#context_closeTab,
#tabContextMenu > menuseparator:nth-child(3),
#context_sendTabToDevice_separator,
#tabContextMenu > menuseparator:nth-child(10),
#tabContextMenu > menuseparator:nth-child(16),
#tabContextMenu > menuseparator:nth-child(15),
window#main-window popupset#mainPopupSet menupopup#tabContextMenu menuseparator{
	display:none!important
}
#context_closeOtherTabs{
-moz-box-ordinal-group: 1 !important;
}
#context_duplicateTab{
-moz-box-ordinal-group: 2 !important;
}
#context_pinTab{
-moz-box-ordinal-group: 3 !important;
}










/*Einträge LZ-Menü ausblenden*/


#menu_bookmarkThisPage , 
#subscribeToPageMenupopup , 
#bookmarksToolbarFolderMenu , 
#organizeBookmarksSeparator , 
#bookmarksToolbarSeparator ,
#bookmarksMenuItemsSeparator ,
#menu_unsortedBookmarks {
	display: none !important;
}










/*Tab-Aussehen verändern*/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 */
 
 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}
 
#TabsToolbar .tabbrowser-tab {
  color: black !important;
  border: 1px solid !important;
  border-bottom: 1px solid black!important;
  background: #ffffff !important;                  /* weiß für inaktive Tabs*/
  border-radius: 5px 5px 0 0 !important;
  margin: 2px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {
  color: black !important;
}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
 background: #fe3858 !important; 
  /*font-weight:bold !important;*/
  color: white ! important;
}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 18px !important;
  width:  18px !important;
  margin-left: 5px !important;
  margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 20px !important;
  width:  20px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
 * Hintergrundfarbe.
 */
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
  background-color: red !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund.
 */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}










/*Alle in Tabs öffnen ausblenden*/


menuitem.openintabs-menuitem,
.bookmarks-actions-menuseparator{
	display:none!important
}










/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}


	
#context-navigation > .menuitem-iconic {
  margin-left:5px!important;
  max-width:5px!important;
}


#uc_menu_close_tab{
	margin-left:-10px!important;
       -moz-box-ordinal-group: 0!important;
}










/*Lesezeichenmenü "Diese Seite abonnieren" ausblenden*/


#subscribeToPageMenupopup , #subscribeToPageMenuitem {
	display: none !important;
}










/*Link in Statusleiste anzeigen*/


.statuspanel-label{ 
border:none!important;
background:transparent!important;
color: black !important;
}


statuspanel {
border:none!important;
margin-top:-15px!important;
}










/*Farbe in Statusleiste anzeigen*/


#new-toolbar-vbox {background: #D4D0C7}










/*Lesezeichenmenü schmaler*/


#bookmarksMenuPopup{
    width:180px!important; }










/*Hamburger 3 Striche ausblenden*/


#PanelUI-button {
	display: none;
}








/*Schließen, Minimieren, Maximieren ausblenden*/


#main-window #titlebar-min,
#main-window #titlebar-max,
#main-window #titlebar-close {
  display: none !important;
}




/*Tab-Schatten entfernen*/


.tab-label-container {mask-image: none !important}






/*Reihenfolge Kontextmenü Webseiten*/


#context-stop,
#context-reload,
#context-bookmarkpage{
-moz-box-ordinal-group: 0 !important;
   }
 }








/*Tab-Höhe verringern*/




.tabbrowser-tab{
    max-height: 30px!important;
    -moz-box-flex: 0!important;
    width: 128px!important;
}

	:root {
  --tab-min-height: 30px !important;
}


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


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


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


#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

Sieht jetzt so aus

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

Und der Scrollbalken ist auch weg.
Da hoffe ich mal, dass das alles auch versionsübergreifend so bleibt.

[Blockierte Grafik: https://www2.pic-upload.de/img/34721329/Danke.png]