![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
FF71 lišta s panely dolů
Dobrý den.Nevíte někdo jak ve verzi FF71 dostat lištu s panely pod adresní řádek?Děkuji.
Ausgewählte Lösung
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
Diese Antwort im Kontext lesen 👍 1Alle Antworten (10)
Ausgewählte Lösung
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
Geändert am
Děkuji,jsem spokojen ,je to přesně podle mojich představ.
Geändert am
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");
Geändert am
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
Geändert am
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 */
- 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 */