handle fullscreen mode better

This commit is contained in:
MrOtherGuy 2021-05-15 12:13:32 +03:00
parent 0095829d1d
commit 6f24a1443f
6 changed files with 21 additions and 5 deletions

View file

@ -15,6 +15,7 @@ Window controls will be all wrong without it
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px} :root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
#TabsToolbar{ visibility: collapse !important } #TabsToolbar{ visibility: collapse !important }
:root[sizemode="fullscreen"] #TabsToolbar > #window-controls{ visibility: visible !important; z-index: 2 }
:root:not([inFullscreen]) #nav-bar{ :root:not([inFullscreen]) #nav-bar{
margin-top: calc(0px - var(--uc-toolbar-height)); margin-top: calc(0px - var(--uc-toolbar-height));

View file

@ -13,7 +13,7 @@ Window controls will be all wrong without it
:root:not([uidensity="compact"]){ --uc-toolbar-height: 34px } :root:not([uidensity="compact"]){ --uc-toolbar-height: 34px }
#TabsToolbar > *{ visibility: collapse !important } #TabsToolbar > *{ visibility: collapse !important }
:root[sizemode="fullscreen"] #TabsToolbar > #window-controls{ visibility: visible !important; z-index: 2 }
#TabsToolbar > .titlebar-buttonbox-container{ #TabsToolbar > .titlebar-buttonbox-container{
visibility: visible !important; visibility: visible !important;
height:var(--uc-toolbar-height) !important; height:var(--uc-toolbar-height) !important;

View file

@ -4,6 +4,7 @@ See the above repository for updates as well as full license text. */
/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs. Optionally use privatemode_indicator_as_menu_button.css to replace main menu icon with private browsing indicator while tabs are hidden. */ /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs. Optionally use privatemode_indicator_as_menu_button.css to replace main menu icon with private browsing indicator while tabs are hidden. */
/* Firefox 65+ only */ /* Firefox 65+ only */
:root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px } :root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
#titlebar{ -moz-appearance: none !important; } #titlebar{ -moz-appearance: none !important; }
@ -53,6 +54,6 @@ See the above repository for updates as well as full license text. */
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{ :root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
transition: height 0ms steps(1) 80ms; transition: height 0ms steps(1) 80ms;
} }
#nav-bar{ :where(#nav-bar){
border-inline: var(--uc-window-drag-space-width) solid var(--toolbar-bgcolor); border-inline: var(--uc-window-drag-space-width) solid var(--toolbar-bgcolor);
} }

View file

@ -62,3 +62,9 @@ Window controls will be all wrong without it
} }
:root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 } :root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 }
:root[sizemode="fullscreen"] .titlebar-buttonbox-container{ display: none !important; }
:root[sizemode="fullscreen"] #TabsToolbar > #window-controls{
z-index: 2;
top: calc(var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px));
}

View file

@ -4,10 +4,10 @@ See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */ /* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */ /* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important } :root:not([sizemode="fullscreen"]){ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important } #navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
:root[sizemode="fullscreen"] #navigator-toolbox{ padding-top: 0px !important; }
#toolbar-menubar{ #toolbar-menubar{
position: fixed; position: fixed;
display: flex; display: flex;

View file

@ -14,7 +14,15 @@ See the above repository for updates as well as full license text. */
--uc-window-control-width: 138px; /* Space reserved for window controls */ --uc-window-control-width: 138px; /* Space reserved for window controls */
--uc-window-drag-space-width: 24px; /* Extra space reserved on both sides of the nav-bar to be able to drag the window */ --uc-window-drag-space-width: 24px; /* Extra space reserved on both sides of the nav-bar to be able to drag the window */
} }
:root[sizemode="fullscreen"] .titlebar-buttonbox-container{ display: none !important }
:root[sizemode="fullscreen"] #window-controls{
position: fixed;
display: flex;
top: 0;
right:0;
height: 40px;
}
:root[uidensity="compact"][sizemode="fullscreen"] #window-controls{ height: 32px }
#nav-bar{ #nav-bar{
border-inline: var(--uc-window-drag-space-width,0px) solid var(--toolbar-bgcolor); border-inline: var(--uc-window-drag-space-width,0px) solid var(--toolbar-bgcolor);
border-inline-style: solid !important; border-inline-style: solid !important;