Use similar code for window drag space in all stylesheets part1
This commit is contained in:
		
							parent
							
								
									e6da6b0dc2
								
							
						
					
					
						commit
						eabff2de11
					
				
					 6 changed files with 50 additions and 17 deletions
				
			
		| 
						 | 
				
			
			@ -4,11 +4,13 @@ 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{
 | 
			
		||||
  --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: var(--uc-titlebar-padding,0px);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,12 +1,23 @@
 | 
			
		|||
/* Hide tabs toolbar Fx65+ */
 | 
			
		||||
:root{--uc-toolbar-height: 32px}
 | 
			
		||||
:root{
 | 
			
		||||
  --uc-toolbar-height: 32px;
 | 
			
		||||
  --uc-window-control-width: 138px;
 | 
			
		||||
}
 | 
			
		||||
#navigator-toolbox{ --window-drag-space-width: 24px; }
 | 
			
		||||
 | 
			
		||||
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
#TabsToolbar{visibility: collapse}
 | 
			
		||||
 | 
			
		||||
#nav-bar{
 | 
			
		||||
:root:not([inFullscreen]) #nav-bar{
 | 
			
		||||
  margin-top: calc(0px - var(--uc-toolbar-height));
 | 
			
		||||
  padding-right: 138px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Space to drag the window on both sides of navbar */
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
 | 
			
		||||
  padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
 | 
			
		||||
  padding-left: var(--window-drag-space-width,0px)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#toolbar-menubar{
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,7 +3,9 @@
 | 
			
		|||
/* !!USER!! -  REMOVE ALL BUTTONS you can from the tabs toolbar */
 | 
			
		||||
 | 
			
		||||
/* Configurable window drag space  */
 | 
			
		||||
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }
 | 
			
		||||
#navigator-toolbox{
 | 
			
		||||
  --window-drag-space-width: 20px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#titlebar{ -moz-appearance: none !important; }
 | 
			
		||||
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
 | 
			
		||||
| 
						 | 
				
			
			@ -36,4 +38,5 @@
 | 
			
		|||
  height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
 | 
			
		||||
  -moz-appearance: initial !important;
 | 
			
		||||
}
 | 
			
		||||
#nav-bar{ padding: 0 var(--window-drag-space-width,0px) }
 | 
			
		||||
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { padding: 0px var(--window-drag-space-width,0px) }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,8 +2,10 @@
 | 
			
		|||
/* Firefox 65+ only */
 | 
			
		||||
/* !!USER!! -  REMOVE ALL BUTTONS you can from the tabs toolbar */
 | 
			
		||||
 | 
			
		||||
:root{ --uc-window-control-width: 138px; }
 | 
			
		||||
 | 
			
		||||
/* Configurable window drag space  */
 | 
			
		||||
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }
 | 
			
		||||
#navigator-toolbox{ --window-drag-space-width: 20px }
 | 
			
		||||
 | 
			
		||||
#titlebar{ -moz-appearance: none !important; }
 | 
			
		||||
/* We'll use window controls from menubar instead */
 | 
			
		||||
| 
						 | 
				
			
			@ -45,4 +47,8 @@
 | 
			
		|||
 | 
			
		||||
:root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 }
 | 
			
		||||
 | 
			
		||||
#nav-bar{ padding-right: calc(3 * 46px + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px)}
 | 
			
		||||
/* Space to drag the window on both sides of navbar */
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
 | 
			
		||||
  padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
 | 
			
		||||
  padding-left: var(--window-drag-space-width,0px)
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -18,8 +18,14 @@
 | 
			
		|||
#nav-bar{
 | 
			
		||||
	margin-right:calc(100vw - var(--uc-navigationbar-width));
 | 
			
		||||
  margin-top: calc(0px - var(--uc-toolbar-height));
 | 
			
		||||
	padding-left: var(--window-drag-space-width);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Space to drag the window on both sides of navbar */
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
 | 
			
		||||
  padding-right: 0px !important;
 | 
			
		||||
  padding-left: var(--window-drag-space-width,0px)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* 1px margin on touch density causes tabs to be too high */
 | 
			
		||||
.tab-close-button{ margin-top: 0 !important }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,5 +1,10 @@
 | 
			
		|||
/* Modify this to change window drag space width */
 | 
			
		||||
#nav-bar{ --window-drag-space-width: 24px }
 | 
			
		||||
 | 
			
		||||
:root{
 | 
			
		||||
  --uc-window-control-width: 138px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#navigator-toolbox{ --window-drag-space-width: 24px }
 | 
			
		||||
 | 
			
		||||
.titlebar-buttonbox-container{
 | 
			
		||||
  position: fixed;
 | 
			
		||||
| 
						 | 
				
			
			@ -11,15 +16,15 @@
 | 
			
		|||
  display: -moz-box !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root[sizemode="fullscreen"] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
 | 
			
		||||
:root[inFullscreen] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
 | 
			
		||||
 | 
			
		||||
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
 | 
			
		||||
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
 | 
			
		||||
 | 
			
		||||
/* Re-adjust window cotrols if menubar is permanently enabled  */
 | 
			
		||||
:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); }
 | 
			
		||||
:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
 | 
			
		||||
:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); }
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
 | 
			
		||||
 | 
			
		||||
#titlebar{ -moz-appearance: none !important; }
 | 
			
		||||
/* Counteract -moz-appearance when maximized */
 | 
			
		||||
| 
						 | 
				
			
			@ -27,8 +32,8 @@
 | 
			
		|||
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
 | 
			
		||||
 | 
			
		||||
/* Space to drag the window on both sides of navbar */
 | 
			
		||||
:root[tabsintitlebar="true"] #nav-bar{
 | 
			
		||||
  padding-right: calc(138px + var(--window-drag-space-width,0px));
 | 
			
		||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
 | 
			
		||||
  padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
 | 
			
		||||
  padding-left: var(--window-drag-space-width,0px)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue