Comments (8)
If you mean autohide_toolbox.css, then you can simply make the --uc-toolbox-rotation
variable smaller. Line 11 controls normal windows, and line 15 is for maximized ones.
from firefox-csshacks.
How about autohide_bookmarks_and_main_toolbars.css
?
from firefox-csshacks.
That style should show the main toolbar and bookmarks toolbar whenever your cursor is hovering tabs toolbar or menubar. Is your intention that you would want toolbars to also show up if the cursor is somewhere nearby tabs toolbar or what? Doing that should be possible, but it would prevent you from interacting with top portion of web pages.
from firefox-csshacks.
you would want toolbars to also show up if the cursor is somewhere nearby tabs toolbar
Yeah, this is kind of what I want. I don't think it'd too intrusive if it's only a few pixels tall, tbh. Most website controls aren't that up high after all.
from firefox-csshacks.
For that you'll need something more complicated to have it look okay.
This should work if you add it to the end of the style:
:root[sessionrestored] #navigator-toolbox > .browser-toolbar{
opacity: 0;
transform: rotateX(70deg);
transition-property: transform, opacity !important;
}
#mainPopupSet:has(> #appMenu-popup:hover) ~ #navigator-toolbox > .browser-toolbar,
:root[sessionrestored] #navigator-toolbox:is(:focus-within,:hover) > .browser-toolbar{
opacity: 1;
transform: rotateX(0deg);
}
from firefox-csshacks.
Thank you, this works great! This also means that I can reduce the padding of the tab bar, to save even more space:
#navigator-toolbox {
--uc-navbar-height: -48px !important;
}
Btw, what value should I tweak to control the size of the hover area?
from firefox-csshacks.
Make the rotation parameter (70deg
) smaller to increase the size of the trigger area. By defaults this style uses 90deg
which effectively rotates the toolbars so much that it isn't visible. Rotation of 0deg
on the other hand is effectively as if no transformation was done at all, thus the trigger area is as tall as the toolbars would normally be.
from firefox-csshacks.
Thank you, that works perfectly!
from firefox-csshacks.
Related Issues (20)
- 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
- button_effect_scale_onclick.css issue HOT 3
- How to use `vertical_tabs.css`? HOT 3
- autohide_toolbox causes toolbar and bookmarks bar to slow down / feels laggy HOT 2
- fake_tab_tooltip redundant in latest version HOT 1
- Show bookmarsk toolbar ONLY when hovering URL bar HOT 3
- overlay_fullscreen_toolbars.css do nothing for me :( HOT 8
- autohide_bookmarks_and_main_toolbars.css: is it possible to hide tabs too? HOT 1
- Firefox 126: --urlbar-toolbar-height replaced with --urlbar-container-height HOT 1
- Firefox 126 broke tabs on bottom again? HOT 4
- multi-row_tabs_below_content.css is above content and partially covered by urlbar HOT 1
- Did Firefox 126 break content/newtab_background_image.css? HOT 3
- View Image Context Menu adjustment HOT 1
- [Feature Request] Floorp support. HOT 2
- Tab reordering works with multi row tabs? HOT 2
- navbar_tabs_responsive_oneliner.css HOT 4
- Using iconized_main_menu.css with Firefox-Mod-Blur and Nightly results in black icons HOT 1
- move application menu button with hidden tab bar HOT 11
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.