handle fullscreen mode better
This commit is contained in:
parent
0095829d1d
commit
6f24a1443f
6 changed files with 21 additions and 5 deletions
|
@ -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));
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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));
|
||||||
|
}
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue