mirror of
				https://codeberg.org/claui/mobile-config-firefox.git
				synced 2025-11-04 12:35:55 +00:00 
			
		
		
		
	Make menubar on top work better with different setups
This commit is contained in:
		
							parent
							
								
									e0f100125a
								
							
						
					
					
						commit
						34708e93bf
					
				
					 2 changed files with 23 additions and 8 deletions
				
			
		| 
						 | 
				
			
			@ -1,27 +1,40 @@
 | 
			
		|||
/* Modify to change window drag space width */
 | 
			
		||||
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }
 | 
			
		||||
/*
 | 
			
		||||
Use Fx65_tabs_on_bottom_menubar_on_top_patch if you
 | 
			
		||||
have menubar permanently enabled and want it on top
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 138px }
 | 
			
		||||
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
 | 
			
		||||
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.titlebar-buttonbox-container{
 | 
			
		||||
  position: fixed;
 | 
			
		||||
  top:0;
 | 
			
		||||
  top: var(--uc-titlebar-padding,0px);
 | 
			
		||||
  right:0;
 | 
			
		||||
  height: 40px;
 | 
			
		||||
}
 | 
			
		||||
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
 | 
			
		||||
 | 
			
		||||
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
 | 
			
		||||
:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }
 | 
			
		||||
 | 
			
		||||
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
 | 
			
		||||
 | 
			
		||||
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
 | 
			
		||||
 | 
			
		||||
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
 | 
			
		||||
 | 
			
		||||
#titlebar{
 | 
			
		||||
 -moz-box-ordinal-group: 2;
 | 
			
		||||
  -moz-appearance: none !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root[tabsintitlebar="true"] #nav-bar{
 | 
			
		||||
  padding-right: calc(138px + var(--window-drag-space-width,0px));
 | 
			
		||||
  padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
 | 
			
		||||
  padding-left: var(--window-drag-space-width,0px)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.titlebar-placeholder,
 | 
			
		||||
#TabsToolbar .titlebar-spacer{ display: none; }
 | 
			
		||||
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,10 +1,12 @@
 | 
			
		|||
/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
 | 
			
		||||
/* Only really useful if menubar is ALWAYS visible */
 | 
			
		||||
 | 
			
		||||
:root{ --uc-window-control-width: 0px !important }
 | 
			
		||||
 | 
			
		||||
#navigator-toolbox{ margin-top: 22px }
 | 
			
		||||
#toolbar-menubar{
 | 
			
		||||
  position: fixed;
 | 
			
		||||
  top: 0px;
 | 
			
		||||
  top: var(--uc-titlebar-padding,0px);
 | 
			
		||||
  height: 22px;
 | 
			
		||||
  margin-top:1px;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue