Firefox: multi-row tabs (userChrome.css)

esuhl

I just upgraded to the latest version of Firefox (v71.0), and multi-row tabs no longer work.

In previous versions, you could enable multi-row tabs by creating a subdirectory called "chrome" in your Firefox profile, containing the following userChrome.css text file:

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
  display: block !important;
}

.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
  display: none !important;
}

.tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  vertical-align: bottom !important;
}

.tabbrowser-tab {
    min-width: 150px !important;
}   

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-close-button,.tab-close-button > .toolbarbutton-icon {
   display: -moz-box !important;
   }

Does anyone know what changes I might need to make to the CSS file to get multi-row tabs working again? Or whether there are any other methods I could try...?

Neil_Jones

Google is your friend:
https://techne.alaya.net/?p=19043