Looking for a working AutoHide UI css
-
Hi guys im Looking for something like Edge's shy-ui.
searched in forums and reddit but couldnt find a proper way to do this.
please share if you know any codes that hides entire ui and only shows it on hover. -
This seems quite doable through JS, though it also sounds like a performance hit. I've not used this feature before, how exactly does it work? Do all the UI elements disappear showing only the page content when you move the mouse cursor outside of the browser's window? Or is more granular and reversed, all UI elements hide by default and only appear when the mouse cursor is inside a certain defined area along the edge on which they appear? The former would almost certainly be easier.
-
All UI is hidden by default. When mouse cursor touches to the edge of top side UI drop-down is triggered. so you can interact with tabs&adressbar&bookmarks etc. When mouse cursor is out of the UI, the ui disappears again. gives entire screen to web content.
for reference :
https://techcommunity.microsoft.com/t5/discussions/finally-here-the-real-full-screen-experience-in-edge-insider/m-p/1011888whale browser, mozilla firefox and microsoft edge (with --shy-ui flag). all of them hide ui in fullscreen. and only show it on hover.
theres also this css for firefox
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/autohide_toolbox.cssi didnt notice any performance impact in any of these browsers.
im looking for a way to have this exact feature in vivaldi. thanks.
-
When I use fullscreen (F11) and move the mouse to the top I can see the Tabs bar.
"Only" is missing the Bookmark and Search bars.
-
Ppafflick moved this topic from Modifications on
