Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multi row tabs below address bar (no title bar and window controls) #54

Closed
AlexFundorin opened this issue May 31, 2020 · 7 comments
Closed

Comments

@AlexFundorin
Copy link

Which combination of script should be used to get the type of UI from the subject?

@MrOtherGuy
Copy link
Owner

@import url("chrome/window_control_placeholder_support.css");
@import url("chrome/Fx65_tabs_on_bottom.css");
@import url("chrome/multi-row_tabs.css");

That should work. Although, I'm not sure how to interpret your title regarding window controls.
The above should show window controls in the main toolbar. If you meant that you do not want window controls to show up then you can ignore the first file but add this instead after the imports:

#TabsToolbar > .titlebar-buttonbox-container{ display: none }

@AlexFundorin
Copy link
Author

Thanks. Almost what I wanted.
The thing is that now I have a set of window controls over the address bar icons.
https://i.imgur.com/EPMu5Ua.png
https://i.imgur.com/aBiQqno.png

I would like to get rid of it, completely.

@MrOtherGuy
Copy link
Owner

The code above #TabsToolbar > .titlebar-buttonbox-container{ display: none } should hide those. Unless you are using some custom Windows theme then it might not do so, and I don't think any CSS will help you do that if that is the case.

@MrOtherGuy
Copy link
Owner

No, actually it that setup should hide the icons, but the buttons in navbar could still be "blocked" by invisible window control buttons.

You should use this instead (with the imports of course):

#titlebar > .browser-toolbar > .titlebar-buttonbox-container{ display: none }

@AlexFundorin
Copy link
Author

I checked it again. Didn't copy the first symbol '#'. My mistake. Thanks again.
I can almost use Firefox again now, switching from Waterfox.

@AlexFundorin
Copy link
Author

I used your second suggestion (together with other imports. In regular mode, everything's looking fine, including multi row.
Yet, as soon as I switch to full screen, this happens: https://i.imgur.com/lNmyH4i.png

Do, you, by any chance, know how to add a small empty area at the end of the tab bar, so it would be possible to drag the window?

@MrOtherGuy
Copy link
Owner

Dang, yeeah I forgot about fullscreen.

#window-controls,
#titlebar > .browser-toolbar > .titlebar-buttonbox-container{ display: none }

#nav-bar{ padding-inline: 12px }

#window-controls would also hie those in fullscreen mode. The other creates a 12px wide empty area on both sides of main toolbar to drag the window around.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants