X
Tap here to go to the mobile version of the site.

Support Forum

FF71 lišta s panely dolů

Posted

Dobrý den.Nevíte někdo jak ve verzi FF71 dostat lištu s panely pod adresní řádek?Děkuji.

Dobrý den.Nevíte někdo jak ve verzi FF71 dostat lištu s panely pod adresní řádek?Děkuji.

Chosen solution

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

Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

More Information

poljos 187 solutions 1692 answers

Chosen Solution

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

Já to mám takhle - pomocí souboru '''userChrome.css''' https://www.google.com/search?client=firefox-b-d&q=firefox+userchrome.css <pre>/* --- 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;} </pre> 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

Modified by poljos

Was this helpful to you? 1
Quote

Question owner

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

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

Modified by mistarka

Was this helpful to you?
Quote
Mila_s 0 solutions 26 answers

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 ?

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 ?
Was this helpful to you?
Quote
poljos 187 solutions 1692 answers

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");
V tom userChrome.css zkus zakomentovat (nebo smazat) první řádek v souboru. Něco jako: <pre>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");</pre>

Modified by poljos

Was this helpful to you?
Quote
Mila_s 0 solutions 26 answers

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

Nechápu, proč by to mělo pomoci. A samozřejmě to nepomohlo.
Was this helpful to you?
Quote
poljos 187 solutions 1692 answers

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

Od Firefoxu (cca) 68 tam ten řádek nemá být. Ovlivňovalo to některé stylopisy.
Was this helpful to you?
Quote
Mila_s 0 solutions 26 answers

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 .

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 .
Was this helpful to you?
Quote
poljos 187 solutions 1692 answers

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

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

Modified by poljos

Was this helpful to you?
Quote
Mila_s 0 solutions 26 answers

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.

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.
Was this helpful to you?
Quote
Mila_s 0 solutions 26 answers

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 */

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 */ #pageActionSeparator{ margin-right:26px !important; } /* Hide separator between title and URL */ #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; } #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); } #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%; } #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, .tabbrowser-tab::after{ display: none !important; } #tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > :-moz-any(.tabs-newtab-button,#tabs-newtab-button), #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 */ #main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator, #main-window[tabsintitlebar] #TabsToolbar #window-controls, #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"], #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] { display: none !important; } #TabsToolbar .titlebar-placeholder[type="pre-tabs"], #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 */ #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; } #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button { visibility: hidden !important; display: block !important; -moz-margin-start: -18px !important; } /* fix scrollbar */ #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag !important; } /*lw theme fix */ #main-window[style*='--lwt-header-image']:-moz-lwtheme { background: var(--lwt-header-image) !important; background-repeat: repeat-y !important; } /* End Multi-row Tabs */
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.