[Windows][tabs not on top mode] move navigation toolbar to Firefox titlebar

[aris-t2]

[Windows][tabs not on top mode] move navigation toolbar to Firefox titlebar

If you no time to find diffs:

in tabs_below_navigation_toolbar.css:

/* Line 85 */
#TabsToolbar{
  border-top: 1px solid var(--tabs-border) !important; /* added */
  margin-bottom: 0px !important;
  border-bottom: 1px solid var(--tabs-border) !important; /* changed color */
}

/* Line 102 */
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  /*margin-top: 21px !important;*/  /* <--- disabled */
}

/* added by Torbins */
#nav-bar {
  border-top: none !important;
  --toolbar-bgcolor: unset !important;
  margin-right: 110pt;
  background: rgba(255,255,255,.0) !important;
}

with comment other css in userChrome.css (minimum commentappbutton_in_titlebar.css)

[Torbins]

It moves tabs toolbar below navbar and moves navbar to window caption. CustomCSSforFx
does not allow to move navbar to window caption.

[Aris-t2]

Cleaned thread.

[Torbins]

Hi! I have tried release v1.3.2.1, and do not see any ability to move navbar to window caption. Am I missing something, or this feature is not implemented yet?

[Aris-t2]

The feature is not part of this project yet.

[Torbins]

Had to add fix for colors:

#nav-bar {
  color: var(--titlebar-text-color) !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#nav-bar) {
  background-color: var(--toolbar-bgcolor);
  background-image: var(--toolbar-bgimage);
  background-clip: padding-box;
  color: var(--toolbar-color, inherit) !important;
}

This fix is required, because windows can change caption text color from black to white if border color is too dark. And Firefox changes its colors too.

[Torbins]

Current result:

[Aris-t2]

For this project I have to add some more files e.g. for the two application button in titlebar cases text and icon only. All files are ready for a while, but haven't tested them on Windows 8 and 10 yet. Because of that this bug is still open.

As soon as I'm finished with testing, I will add this feature to the release file as well.

[Aris-t2]

Added to 1.3.3. Not everything is like in your version, but is very close.

[Torbins]

I have tried release 1.3.5. When windows border color set to something light, it looks fine. But when windows border color is set to something dark, then color fix, that I have showed earlier is required. Also I can't click on window close button and others, because you are using padding, and in my fix I have used margin.
Everything else is fine.

[Aris-t2]

Looks like this for me. Caption buttons working fine on Win7-10 too.

Post a screenshot.

[Torbins]

This is how it looks on my PC, notice invisible text on second tab:

Close, Minimize, Maximize buttons are not working.
This is my settings:
chrome.zip

[Aris-t2]

I replaced the "padding" with a "margin" on one of the last releases. No idea why min/max/close were not working for you. Make sure you run tests with the latest version from release area. Also point out the differences between your code and the one from here.

[Torbins]

I was testing on the old version without the fix. I will retest today.

[Torbins]

Thank you very much for your effort. Now everything looks OK.

[coline123]

Hi, I have this problem with my tabs on bottom mod script, they appear over the navigation bar, this happened after a restart of the computer, it was fine when I applied the rule on the Userchrome file

this is my file

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

/* 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 {
display: block !important;
position: absolute !important;
bottom: 10 !important;
width: 100vw !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}

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

#TabsToolbar #window-controls {
display: none !important;
}

[Aris-t2]

What about using this projects files?

The above code is not up-to-date for current Firefox versions.

[coline123]

I used the code posted above below what I had and didn't work

[Aris-t2]

Code in this thread is from 2017. Its not valid anymore. Use the most recent release this project offers.

[coline123]

Where can I find it?

[Aris-t2]

This projects main page?