Comments (7)
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.
from firefox-csshacks.
@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 }
from firefox-csshacks.
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.
from firefox-csshacks.
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.
from firefox-csshacks.
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 }
from firefox-csshacks.
I checked it again. Didn't copy the first symbol '#'. My mistake. Thanks again.
I can almost use Firefox again now, switching from Waterfox.
from firefox-csshacks.
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?
from firefox-csshacks.
Related Issues (20)
- non_floating_sharp_tabs.css: opacity changes remain HOT 7
- [Bug][MacOS] Window buttons placeholder needs to disappear in fullscreen mode
- Make "autohide_toolbox.css" more like Windows-Taskbar-Autohide HOT 11
- With autohide_main_toolbar.css, dragging tabs only work for the top 1px or 2px. HOT 3
- urlbar_connection_type_background_colors.css HOT 2
- [centered_tab_content.css] Tab label shakes when mouse hovers on the tab HOT 2
- autohide toolbar: bigger hover area HOT 8
- firefox-csshacks/chrome /tabs_on_bottom.css HOT 3
- New csshack -- more visible notification dot in pinned tabs (email, chat, etc) HOT 4
- firefox multi row space and window button placement HOT 4
- Centering text during typing when using urlbar_centered_text.css HOT 2
- Please, need a little help with vertical_popup_menubar.css HOT 1
- Curved tabs add blue tint as option HOT 1
- [Request] show Multi-Account Containers labels on hover HOT 1
- [Question]Mixing side bar and multi bar HOT 6
- autohide_tabstoolbar.css causing page content to move up and down during animation HOT 4
- window_control_placeholder_support.css has no window control buttons HOT 5
- reduce padding in compact_extensions_panel.css HOT 15
- #Request: Show auto hidden bookmark and main toolbar on active tab click HOT 3
- window_control_force_linux_system_style.css odd hover behavior HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from firefox-csshacks.