Já to mám takhle - pomocí souboru userChrome.css https://www.google.com/search?client=firefox-b-d&q=firefox+userchrome.css

/* --- TABS on bottom --- */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000 !important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 130vw !important;}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;}
#tabbrowser-tabs {width: 100vw !important;}

Ve Firefoxu v about:config musíš nastavit předvolbu toolkit.legacyUserProfileCustomizations.stylesheets, jinak Firefox ten userchrome.css "neuvidí".

PS: Mám prozatím Firefox 70.0.1

Děkuji,jsem spokojen ,je to přesně podle mojich představ.

a) můj problém je jiný; chci mít zase lištu s panely ve více řádcích (pokud jich mám otevřeno více), to mi přestalo po posledním upgradu fungovat;

b) userChrome.css mám v C:\Users\Milan\AppData\Roaming\Mozilla\Firefox\Profiles\mvkjjm6f.default\chrome

c) toolkit.legacyUserProfileCustomizations.stylesheets mám true,

a nefunguje ani to co chci, ani to co řeší toto vlákno.

Usuzuji, že FF nečte userChrome.css . Co s tím ?

V tom userChrome.css zkus zakomentovat (nebo smazat) první řádek v souboru. Něco jako:

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

Nechápu, proč by to mělo pomoci. A samozřejmě to nepomohlo.

Od Firefoxu (cca) 68 tam ten řádek nemá být. Ovlivňovalo to některé stylopisy.

Já mám ale jiný problém. A hlavně mám pocit, že FF můj userChrome.css vůbec nečte / neparsuje.

Jseš si jist, že FF v posledních verzích (nové jádro) vůbec userChrome.css podporuje ?

A zpět k pův. otázce: jak jinak udělat víceřádkovou lištu s panely .

Mám Firefox 71 a userChrome funguje normálně (s těmi zmíněnými nastaveními). Koukni třeba sem: https://techne.alaya.net/?p=19043

Děkuji moc za tip, posunulo mne to. Nejprve jsem se zděšením zjistil, že můj současný userChrome.css má hrozně zmršené formátování, přičítám to (údajně úžasnému) Notepad++

Veškeré hraní se současným souborem nevedlo nikam, vzdal jsem to. Zcela jsem to nahradil tím tvým doporučeným.

Vůbec se mi nelíbily změny fontů, to jsem zakomentoval.

Současný stav: můj požadavek to neřeší, při přidávání nových panelů se stávající zužují, ale vše zůstává v jedné řádce. Oprava: až při velkém počtu panelů to přeteče na další řádek, to si teď zkusím nastavit.

Vadí mi, že přibarvení panelu způsobené multi-account contejnery se přesunulo nahoru. S tím se dá žít.

Tlačítko pro zavření panelu jsem měl v každém panelu, to teď zmizelo.

Panely nejsou nijak ohraničené a splývají.

Zkusím si s tím ještě pohrát.

Tak jsem to dopracoval sem, lepší už to asi nebude. Fonty jsem si nadefinoval. Šířka panelů, od níž to přeteče na další řádek, a šířka nového panelu, předefinována. Tlačítko pro zavření panelu v každém panelu už tam je. Ohraničení panelů už tam je.

/*Get the multi-row tab bar back in Firefox (updated for v.71 and higher)*/ /*https://techne.alaya.net/?p=19043 */

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

/* Global UI font */ {

/*   font-family: Noto Sans !important; */
   font-family: Arial !important; 
   font-style: Regular !important;
   font-size: 11pt !important;

}

/* Developer tools code font */ .CodeMirror {

   font-family: Noto Mono, monospace !important;
   font-size: 12pt !important;

}

/* Bookmark font */ /* #personal-bookmarks .bookmark-item menupopup */

{
   font-family: Noto Sans !important;
   font-style: Regular !important;
   font-size:14pt !important;

}

/* Remove URL bar zoom button */

  #urlbar-zoom-button {
   display:none!important

}

Remove tab blur

   https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tab_titles_remove_blur.css

.tab-label-container[textoverflow]:not([pinned]) {

 mask-image: unset !important;

}

/* Active Tab Background Color

   http://forums.mozillazine.org/viewtopic.php?f=38&t=3048845

• /

.tab-content[selected="true"] {

 background: rgba(65, 85, 145, 0.4) !important;

}

/* Ensure a border between tabs (#aaa is a light gray) */ .tabbrowser-tab:not(:last-of-type) {

 border-right: 1px solid #aaa !important;

}

/* Put refresh button "inside" address bar */

1. pageActionSeparator{

   margin-right:26px !important;

} /* Hide separator between title and URL */

1. PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator {

display: none !important; }

/* Multi-row tabs

   https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_multiple_lines_fx71.css

• /

root{

 --tabs-lines: 3;

/* --tab_min_width_mlt: 80px; */

 --tab_min_width_mlt: 100px;

/* --tab_max_width_mlt: 200px; */

 --tab_max_width_mlt: 175px;
 --tab-min-height_mlt: 26px;

}

1. tabbrowser-tabs{

 min-height: unset !important;
 padding-inline-start: 0px !important;

}

/* Selectors for Firefox 71+ */ /* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */ @-moz-document url(chrome://browser/content/browser.xhtml){

 .scrollbutton-up[orient="horizontal"][part]~spacer,
 .scrollbutton-up[orient="horizontal"][part],
 .scrollbutton-down[orient="horizontal"][part]{

display: none !important;

 }

 scrollbox[part][orient="horizontal"]{
   display: flex;
   flex-wrap: wrap;
   overflow-y: auto;
   max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
 }

}

/* Test for Firefox > 66 */ @supports (inset-block:auto){

 #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
   display: flex;
   flex-wrap: wrap;
   overflow-y: auto;
   max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
 }
 #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
   overflow: -moz-hidden-unscrollable;
   display: block;

margin-bottom:-1px !important;

 }

}

/* Test for Firefox < 66 */ @supports not (inset-block:auto){

 #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
   min-height: unset !important;
 }
 #tabbrowser-tabs .scrollbox-innerbox{
   display: flex;
   flex-wrap: wrap;
 }
 #tabbrowser-tabs .arrowscrollbox-scrollbox {
   overflow: -moz-hidden-unscrollable;
   display: block;
 }

}

.tabbrowser-tab{

 height: var(--tab-min-height_mlt);

}

1. tabbrowser-tabs .tabbrowser-tab[pinned]{

 position: static !important;
 margin-inline-start: 0px !important;

}

.tabbrowser-tab[fadein]:not([pinned]) {

 flex-grow: 1;
 min-width: var(--tab_min_width_mlt) !important;
 max-width: var(--tab_max_width_mlt) !important;

}

.tabbrowser-tab > stack{

 width: 100%;
 height: 100%;

}

1. tabbrowser-tabs .scrollbutton-up,
2. tabbrowser-tabs .scrollbutton-down,
3. alltabs-button,

root:not([customizing]) #TabsToolbar #new-tab-button,

1. tabbrowser-tabs spacer,

.tabbrowser-tab::after{

 display: none !important;

}

1. tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
2. tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
3. TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {

 visibility: hidden !important;

}

/* hide private window indicator, window controls and titlebar placeholders */

1. main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
2. main-window[tabsintitlebar] #TabsToolbar #window-controls,
3. main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
4. main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {

 display: none !important;

}

1. TabsToolbar .titlebar-placeholder[type="pre-tabs"],
2. TabsToolbar .titlebar-placeholder[type="post-tabs"] {

 opacity: 0 !important;

}

/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */

.tabbrowser-tab::after, .tabbrowser-tab::before {

 border-left: unset !important;
 border-image: unset !important;
 border-image-slice: unset !important;
 border: 0 !important;

}

/* Fx66+ tab close fix */

1. TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {

/* visibility: hidden !important; // set to 'visible' to show tab close buttons */

 visibility: visible !important; // set to 'visible' to show tab close buttons
 display: block !important;

}

1. TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {

 visibility: hidden !important;
 display: block !important;
 -moz-margin-start: -18px !important;

}

/* fix scrollbar */

1. main-window[tabsintitlebar] #tabbrowser-tabs {

 -moz-window-dragging: no-drag !important;

}

/*lw theme fix */

1. main-window[style*='--lwt-header-image']:-moz-lwtheme {

 background: var(--lwt-header-image) !important;
 background-repeat: repeat-y !important;

} /* End Multi-row Tabs */