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}
 | 
			
		||||
 | 
			
		||||
#TabsToolbar{ visibility: collapse !important }
 | 
			
		||||
:root[sizemode="fullscreen"] #TabsToolbar > #window-controls{ visibility: visible !important; z-index: 2 }
 | 
			
		||||
 | 
			
		||||
:root:not([inFullscreen]) #nav-bar{
 | 
			
		||||
  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 }
 | 
			
		||||
 | 
			
		||||
#TabsToolbar > *{ visibility: collapse !important }
 | 
			
		||||
 | 
			
		||||
:root[sizemode="fullscreen"] #TabsToolbar > #window-controls{ visibility: visible !important; z-index: 2 }
 | 
			
		||||
#TabsToolbar > .titlebar-buttonbox-container{
 | 
			
		||||
  visibility: visible !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. */
 | 
			
		||||
/* Firefox 65+ only */
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
:root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
 | 
			
		||||
 | 
			
		||||
#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]{
 | 
			
		||||
  transition: height 0ms steps(1) 80ms;
 | 
			
		||||
}
 | 
			
		||||
#nav-bar{
 | 
			
		||||
:where(#nav-bar){
 | 
			
		||||
  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[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 */
 | 
			
		||||
/* 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 }
 | 
			
		||||
 | 
			
		||||
:root[sizemode="fullscreen"] #navigator-toolbox{ padding-top: 0px !important; }
 | 
			
		||||
#toolbar-menubar{
 | 
			
		||||
  position: fixed;
 | 
			
		||||
  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-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{
 | 
			
		||||
  border-inline: var(--uc-window-drag-space-width,0px) solid var(--toolbar-bgcolor);
 | 
			
		||||
  border-inline-style: solid !important;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue