Hier möchte ich mal beschreiben, wie man im Firefox die Tableiste ganz nach unten verschieben kann. Gemeint ist damit, direkt über der Taskleiste. Erreichen lässt sich das mit einem CSS Code in der Datei userChrome.css.

Firefox 82 – Tableiste ganz unten

userChrome.css und userContent.css erstellen

Hinweis:

Wer zum ersten mal eine dieser Dateien benutzt, der muss zusätzlich in about:config den Wert:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true umschalten.

Wie das gemacht wird hatte ich hier schon mal beschrieben:

userChrome Dateien wieder nutzen

Und hier nun die Erklärung, wie man das mit dem CSS – Code dann machen muss.



Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen dort den selber angelegten Ordner chrome.

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Tableiste ganz nach unten*/

@-moz-document url(chrome://browser/content/browser.xhtml) {

/*Feste Tabbreite*/
.tabbrowser-tab:not([pinned]) {
margin-left:1px !important;
max-height: 29px !important;
-moz-box-flex: 0 !important;
width: 157px !important; /*Tabbreite kann beliebig angepasst werden*/
}

:root {
--space_below_content: 33px;
}

:root[uidensity=compact] {
--space_below_content: 29px;
}

#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
margin-bottom: var(--space_below_content) !important;
}

#TabsToolbar {
position: fixed !important;
display:block !important;
bottom: 0px !important;
width: 100% !important;
}

#main-window #navigator-toolbox #TabsToolbar > toolbarpaletteitem,
#main-window #navigator-toolbox #TabsToolbar > .toolbarbutton-1 {
position: relative !important;
bottom: -2px !important;
width: unset !important;
height: unset !important;
}

#TabsToolbar toolbarbutton .toolbarbutton-badge-stack,
#TabsToolbar > toolbarpaletteitem {
min-height: unset !important;
padding: unset !important;
margin: 0 2px !important;
}

#TabsToolbar > toolbarbutton {
min-height: unset !important;
margin: 0 !important;
padding: 0 !important;
}

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
min-width: 0px !important;
width: 28px !important;
margin-bottom: -1px !important;
}

/* Im Vollbildmodus die Tableiste ausblenden*/
#main-window[inFullscreen="true"] #browser-bottombox {
display: none !important;
}
}

Und so sieht der Code dann in der userChrome.css Datei aus:

CSS Code

Die Werte können beliebig verändert werden.

devolo 8415 WLAN Powerline Adapter, Magic 1 WiFi Starter Kit -bis...
  • Smarte Mesh-Vernetzung: WLAN mit 1200 Mbit/s für Ihr gesamtes Zuhause, perfekt für Streamen, Surfen und Home-Office!

Firefox 82 – Tableiste ganz unten

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit der Tableiste unten aus:

Tableiste unten im Firefox
Tableiste unten im Firefox

Wenn ein User den Vollbildmodus (F11) aktiviert, dann wird die Tableiste ausgeblendet.

Share.