einer fertigen CSS in meine kopiert und fertig
Teste bitte mal:
CSS Alles anzeigen/* Tableiste mehrreihig unten */ @-moz-document url(chrome://browser/content/browser.xhtml) { :root { --tab-min-height: 35px !important; } /* Feste Tabbreite */ .tabbrowser-tab:not([pinned]) { min-width: 165px !important; max-width: 165px !important; } #TabsToolbar { order: 100 !important; } #titlebar { order: 2 !important; } /* Abstand nach oben - unten, und Höhe der Tableiste */ #titlebar { margin-top: -1px !important; margin-bottom: 3px !important; } #toolbar-menubar { position: fixed; display: inline-flex; } [sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar, [sizemode="normal"] #toolbar-menubar { top: 1px; } [sizemode="maximized"] #toolbar-menubar { top: 3px; } #main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 39px transparent !important; } #main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 34px transparent !important; } [tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; } #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls, [tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; } [tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; } [tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; } #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; } #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; } /* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */ scrollbox[part][orient="horizontal"] > slot, scrollbox[part][orient="horizontal"]{ contain: none !important; overflow-x: hidden; overflow-y: auto; flex-wrap: wrap; max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */ } tabs tab[fadein]:not([pinned]) { flex-grow: 1; } tabs tab,.tab-background { height: var(--tab-min-height); overflow: hidden; } tab > .tab-stack { width: 100%; } box[class="scrollbox-clip"][orient="horizontal"] { -moz-window-dragging: no-drag; } hbox.titlebar-spacer, #alltabs-button, tabs tab:not([fadein]) { display: none; } }
einer fertigen CSS in meine kopiert und fertig
Teste bitte mal:
CSS Alles anzeigen/* Tableiste mehrreihig unten */ @-moz-document url(chrome://browser/content/browser.xhtml) { :root { --tab-min-height: 35px !important; } /* Feste Tabbreite */ .tabbrowser-tab:not([pinned]) { min-width: 165px !important; max-width: 165px !important; } #TabsToolbar { order: 100 !important; } #titlebar { order: 2 !important; } /* Abstand nach oben - unten, und Höhe der Tableiste */ #titlebar { margin-top: -1px !important; margin-bottom: 3px !important; } #toolbar-menubar { position: fixed; display: inline-flex; } [sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar, [sizemode="normal"] #toolbar-menubar { top: 1px; } [sizemode="maximized"] #toolbar-menubar { top: 3px; } #main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 39px transparent !important; } #main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 34px transparent !important; } [tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; } #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls, [tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; } [tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; } [tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; } #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; } #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; } /* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */ scrollbox[part][orient="horizontal"] > slot, scrollbox[part][orient="horizontal"]{ contain: none !important; overflow-x: hidden; overflow-y: auto; flex-wrap: wrap; max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */ } tabs tab[fadein]:not([pinned]) { flex-grow: 1; } tabs tab,.tab-background { height: var(--tab-min-height); overflow: hidden; } tab > .tab-stack { width: 100%; } box[class="scrollbox-clip"][orient="horizontal"] { -moz-window-dragging: no-drag; } hbox.titlebar-spacer, #alltabs-button, tabs tab:not([fadein]) { display: none; } }
Du bist ein Genie. Vielen, vielen Dank. Nun ist alles wie es sein soll.