Hallo Andreas,
ich bräuchte wieder einmal deine Hilfe.
Nach dem letzten Firefox-Update überlagern die Tabs den Hintergrund. Ich hatte versucht die Tabhöhen zu verändern, was aber nicht zum gewünschten Erfolg führte.
Vielleicht hast du erneut einen Rat für mich, bez. was in der chrome geändert werden muss.
Hier mal ein Bild was ich genau meine:
CSS
/* Tableiste mehrreihig oben */
@-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 10px !important;
}
#titlebar,#tabbrowser-tabs {
appearance: none !important;
}
[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}
/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 8); /* aktuell sind es 8 Tabreihen */
overflow-x: hidden;
overflow-y: auto;
}
#tabbrowser-arrowscrollbox {
margin-top: -28px !important;
margin-bottom: -19px !important;
}
:root {
--tab-min-height: 30px !important;
}
:root #tabbrowser-tabs {
--tab-min-height: 30px !important;
}
/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
min-width: 173px !important;/* Minimale Tabbreite 76px */
max-width: 173px !important;/* Maximale Tabbreite 225px */
}
/* Tab schließen Icon nur im aktiven Tab */
.tab-close-button {
display:none!important;
}
.tabbrowser-tab[selected="true"] .tab-close-button {
display: block !important;
}
tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}
/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]),
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] {
display: none;
}
tabs tab {
border-left: solid 1px hsla(0,0%,50%,.5);
border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}
/* #TabsToolbar:not(:-moz-lwtheme){
color: black !important;
} */
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}
}
/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), [class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { display: none; }
/* Keine Favicon Animation */
.tabbrowser-tab[label*="BiT-TiTAN"] .tab-icon-image{ display:none!important; }
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
/* Mehrzeilige Lesezeichen-Symbolleiste, aktuell 4 Zeilen */
#PersonalToolbar,
#PlacesToolbarItems {
max-height: calc(20px * 4) !important;
min-height: 20px !important;
}
#PlacesToolbar > hbox {
display: block;
}
#PersonalToolbar toolbarbutton {
max-height: 20px !important;
min-height: 20px !important;
margin: 0 1px !important;
}
#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
overflow-x: visible;
overflow-y: auto;
}
#PlacesToolbarItems > scrollbar {
-moz-window-dragging: no-drag;
}
#PlacesToolbar #PlacesChevron {
display: none;
}
}
Alles anzeigen