firefox-89-styling-proton-ui.html: button to change order of address/URL bar and tab bar (etc)

[reikred]

Hi,

This issue is related to the tab appearance css-generator on the page https://www.userchrome.org/firefox-89-styling-proton-ui.html

Could you please add a button to switch the order of the address bar and the tab bar? I much prefer to have the tab bar BELOW the address/URL bar.

Also, in my current userChrome.css (I forget where I got it), there is something that makes the navigation icons (left , right, reload, home, etc) bigger and bolder. Not sure what it is, but it looks like the following:

Another thought I had is that maybe the generated userChrome.css file could have a comment near the top which indicates which menu choices were used in generating the file, and even have the option to paste these settings so that menus get into the "right" state before a user attempts further modifications.

The css-generator is a great tool for css ignorants like me. Thanks for making it. The interactive tryout functionality is awesome, with many great features.

[reikred]

From my userChrome.reddit.pastebin.hZGNxch0.css file, the following code states it places tabs below URL bar. Not sure where in the file it needs to be.

/ Bookmark bar beneath URL bar, Tabs beneath URL bar / .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

I tried to place the above snippet at the top or at the bottom of the userchrome-dot-org generated code. Neither placement had any effect.

[jscher2000]

Could you please add a button to switch the order of the address bar and the tab bar? I much prefer to have the tab bar BELOW the address/URL bar.

I'm sorry that I haven't included that, but I've given up on keeping up with the code to change the order of tab bars. The shortest versions I've seen are about 8 lines, and they can run to the hundreds if you want to control every aspect (for example, Aris's Custom CSS).

Also, in my current userChrome.css (I forget where I got it), there is something that makes the navigation icons (left , right, reload, home, etc) bigger and bolder. Not sure what it is, but it looks like the following:

Hopefully the rules I generate do not conflict.

Another thought I had is that maybe the generated userChrome.css file could have a comment near the top which indicates which menu choices were used in generating the file, and even have the option to paste these settings so that menus get into the "right" state before a user attempts further modifications.

That would be useful. When the userstyles.org site used to work well, you could save a URL that had all the configuration parameters. Something like that might work.

From my userChrome.reddit.pastebin.hZGNxch0.css file, the following code states it places tabs below URL bar. Not sure where in the file it needs to be.

/ Bookmark bar beneath URL bar, Tabs beneath URL bar / .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

I tried to place the above snippet at the top or at the bottom of the userchrome-dot-org generated code. Neither placement had any effect.

That rule for the "buttonbox" I think only relates to the 3 system buttons (minimize, maximize/resizable, close). Are those missing or out of place?

[reikred]

Hi Jefferson,

I'll try to respond to the comments/question:

1. Okay, I understand flipping the URl/tab line order is too complicated to maintain
2. Glad you like the idea about comments with settings/flags in them.
3. At least for me, the navigation buttons become notably smaller with your css than the userChrome.reddit.pastebin.hZGNxch0.css one

4. The "buttonbox" rule works in moving the tabs to the bottom, and the entire address bar is above it, when used in userChrome.reddit.pastebin.hZGNxch0.css context.

   Thanks, and I should mention that I have seen lots of helpful advise from you before, including some stuff in mozillazine I think it was, and other places where I posted some question over the last decade or so.