Neueste Antworten auf Re 66.0.2 Tabs are on bottom but project ~1/3 down from background, into usable screen, blocking tab titles.https://support.mozilla.org/de/questions/12549672019-04-06T06:07:19-07:00Hello cor-el,
I managed to get the tabs on bottom as well as lined up with their background bar usin2019-04-06T06:07:19-07:00jYOWhttps://support.mozilla.org/de/questions/1254967#answer-1211785<p>Hello cor-el,
</p><p>I managed to get the tabs on bottom as well as lined up with their background bar using a "Windows" (!) solution for my MAC:
</p><p><a href="http://bragonx.wixsite.com/bhxx/firefox-tabs-on-bottom-v65andhigher" rel="nofollow">http://bragonx.wixsite.com/bhxx/firefox-tabs-on-bottom-v65andhigher</a>
</p><p>One question though - could you direct me to a Mozilla page where I could at least learn to start NAMING the various bars properly?
</p><p>Thanks
</p>Many thanks cor-el. On 4 day road trip; will attempt adjustments Friday.
2019-04-01T20:22:59-07:00jYOWhttps://support.mozilla.org/de/questions/1254967#answer-1210460<p>Many thanks cor-el. On 4 day road trip; will attempt adjustments Friday.
</p>This is likely a problem with the caption butons on Mac.
That would be this part of the code that ne2019-04-01T12:38:33-07:00cor-elhttps://support.mozilla.org/de/questions/1254967#answer-1210392<p>This is likely a problem with the caption butons on Mac.
</p><p>That would be this part of the code that needs adjustment, so you could look for code for .titlebar-buttonbox-container that is aimed at Mac.
As a quick test you can try to hide these buttons via a display:none!important; rule.
</p>
<pre>.titlebar-buttonbox-container {display:none!important;}
</pre>
<p>Other code you can try as a start:
</p>
<pre>.titlebar-buttonbox-container {
position: fixed !important;
top:0 !important; left:0 !important; /*Mac: Left*/
visibility: visible !important;
display: block !important;
}</pre>
<hr>
<pre>/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}</pre>Never TMI; just too dumb to appreciate implications!
Hope someone with MacOS has same problem and wi2019-04-01T04:48:01-07:00jYOWhttps://support.mozilla.org/de/questions/1254967#answer-1210276<p>Never TMI; just too dumb to appreciate implications!
</p><p>Hope someone with MacOS has same problem and will await their trials at finding solution.
</p><p>Keep in mind that the css code worked perfectly under FF 65.
</p>jYOW said
(Don't know why this message is truncated and in mixed fonts.)
You didn't close your pr2019-04-01T04:38:13-07:00jscher2000https://support.mozilla.org/de/questions/1254967#answer-1210272<p><em>jYOW <a href="#answer-1210270" rel="nofollow">said</a></em>
</p>
<blockquote>
(Don't know why this message is truncated and in mixed fonts.)
</blockquote>
<p>You didn't close your preformatted section. In order to prevent the site from interpreting HTML tags, you need to use the entity, or other words, write:
</p><p>&amp;lt;
</p><p>in place of
</p><p>&lt;
</p><p>(I know, too much information!)
</p>Thanks for the "" tip! Promise, won't do that again. Will follow up on your references. Thx
(Don'2019-04-01T04:19:26-07:00jYOWhttps://support.mozilla.org/de/questions/1254967#answer-1210270Thanks for the "<pre>" tip! Promise, won't do that again. Will follow up on your references. Thx
(Don't know why this message is truncated and in mixed fonts.)
</pre>To prevent the forum from trying to implement your code, you can edit your last reply and put <pr2019-04-01T04:15:25-07:00jscher2000https://support.mozilla.org/de/questions/1254967#answer-1210266<p>To prevent the forum from trying to implement your code, you can edit your last reply and put &lt;pre&gt; before and &lt;/pre&gt; after.
</p><p>Could I suggest the following site for this question:
</p><p><a href="https://www.reddit.com/r/FirefoxCSS/" rel="nofollow">https://www.reddit.com/r/FirefoxCSS/</a>
</p><p>I think most likely the "Classic CSS" files from the developer of the old Classic Theme Restorer extension would be suggested. <a href="https://github.com/Aris-t2/CustomCSSforFx/" rel="nofollow">https://github.com/Aris-t2/CustomCSSforFx/</a>
</p><p>I realize that's a lot to wade through, but since I can only test on Windows, I don't want to try to give you a file and waste time for both of us.
</p>Newbie here. Presume "style rules" relates to method used to force Tabs on Bottom. Over time, and 2019-04-01T04:05:21-07:00jYOWhttps://support.mozilla.org/de/questions/1254967#answer-1210263<p>Newbie here. Presume "style rules" relates to method used to force Tabs on Bottom. Over time, and each time it was required after a major update, I always used some very helpful hints here, on the Mozilla Community Support Forum using the chrome/css process.
</p><p>Were you able to see my screen shot result?
</p><p>Content of current userChrome.css:
</p>
<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: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 33px !important; /* needs to be the same as above under :root */
--tab-min-width: 80px !important;
}
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs &gt; .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] &gt; .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}
/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}
/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] &gt; #titlebar &gt; #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] &gt; #nav-bar {
margin-top: unset !important;
}
/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}
/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}</pre>Where did you get your current set of style rules to move the tab bar? I suggest going back to the s2019-04-01T02:00:43-07:00jscher2000https://support.mozilla.org/de/questions/1254967#answer-1210218<p>Where did you get your current set of style rules to move the tab bar? I suggest going back to the source to see whether an update is available. (I don't have rules for MacOS, sorry.)
</p>