X
Klepněte zde pro přechod na mobilní verzi webu.

Fórum podpory

Toto vlákno bylo uzavřeno a archivováno. Pokud potřebujete pomoci, založte prosím novou otázku.

Reposition Tabs at bottom, directly above web page in Firefox 65.0? -- for Windows 10 - not for MacOSX

Přidáno

Can anyone supply updated code for the userChrome.css for restoring Tabs to below Menu bar, Location bar, and Personal Toolbar? The code below was working until I upgraded to 65.0.

/* tabs on bottom */

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
  2. TabsToolbar {-moz-box-ordinal-group:1000!important}

Thank you for the help.


edited the title of this thread to include Windows 10 as the operating system the OP posted from

Can anyone supply updated code for the userChrome.css for restoring Tabs to below Menu bar, Location bar, and Personal Toolbar? The code below was working until I upgraded to 65.0. /* tabs on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} Thank you for the help. ''edited the title of this thread to include Windows 10 as the operating system the OP posted from''

Upravil uživatel the-edmeister dne

Zvolené řešení

EDIT: I've updated the code to work with recent Firefox builds (tested with Fx 65-71).


You can adjust the two --tab-min-height definition under the Height section to suit your needs (default:33px; compact:29px; touch:43px). There are a few more variables that may need adjustment.

Add code to the userChrome.css file below the default @namespace line.


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

/* TABS: on bottom - Firefox 65 and later */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
/* width: 100vw !important; */
}

:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-min-height) !important;
  padding-top: calc(var(--tab-min-height) - 20px) !important; /* may need adjustment */
}

#tabbrowser-tabs {
  width: 100vw !important;
}

:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px); /* may need adjustment */
}

/* TABS: height */
:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  --tab-min-height: 25px !important; /* adjust */
}

:root #tabbrowser-tabs {
  --tab-min-width: 80px !important; /* adjust */
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}

/* indicators */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 20px !important;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}

#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* windows controls - hide */
#TabsToolbar #window-controls {display: none !important;}

/* caption box - hide */
:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~
  #TabsToolbar .titlebar-buttonbox-container {display: none !important;}
Přečíst otázku v kontextu 12
phumphries 1 řešení 23 odpovědí

malaus1 said

I had copied ALL the first solution text from this site & pasted into Notepad. This brought the first line as well as the scroll bars into play. Once I only copied the text...

It would be great if this site had a better "copy code" process. Because of the way the code box works, not only is code sometimes parsed poorly for display, but it can be tough to copy the correct text, as you discovered.

I am glad that you are almost where you want to be.

I believe that Firefox 65 has finally broken the ColorfulTabs add-on. You could try playing with the CSS in userChrome.css ( :-) ) following the example in this thread.

''malaus1 [[#answer-1196813|said]]'' <blockquote>I had copied ALL the first solution text from this site & pasted into Notepad. This brought the first line as well as the scroll bars into play. Once I only copied the text...</blockquote> It would be great if this site had a better "copy code" process. Because of the way the code box works, not only is code sometimes parsed poorly for display, but it can be tough to copy the correct text, as you discovered. I am glad that you are almost where you want to be. I believe that Firefox 65 has finally broken the ColorfulTabs add-on. You could try playing with the CSS in userChrome.css ( :-) ) [https://support.mozilla.org/en-US/questions/1188026 following the example in this thread].
malaus1 1 řešení 27 odpovědí

Yep, Colorful Tabs just can't keep up with the changes (nor can I for that matter). Thanks for the suggestion but I have no idea how to put that code into the existing one. Tried just dropping it in about halfway down but made no difference. I'm not smart enough to understand what the code is doing but thanks again.

Yep, Colorful Tabs just can't keep up with the changes (nor can I for that matter). Thanks for the suggestion but I have no idea how to put that code into the existing one. Tried just dropping it in about halfway down but made no difference. I'm not smart enough to understand what the code is doing but thanks again.
the-edmeister
  • Top 25 Contributor
  • Moderator
5411 řešení 40287 odpovědí

Asked and answered for the OP and marked as solved.

Since this thread is veered off-topic and beyond the scope of the original topic I am locking this thread due to its length.

Please ask a new question for additional help for this topic or similar topics about "tabs", or any other topic.

Asked and answered for the OP and marked as solved. Since this thread is veered off-topic and beyond the scope of the original topic I am locking this thread due to its length. Please ask a new question for additional help for this topic or similar topics about "tabs", or any other topic.