Add off-by-default way to show toolbars if mainpopupset is hovered
This commit is contained in:
		
							parent
							
								
									2f3ab157e9
								
							
						
					
					
						commit
						5d18237e62
					
				
					 2 changed files with 25 additions and 11 deletions
				
			
		| 
						 | 
				
			
			@ -41,7 +41,7 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
#navigator-toolbox > *{ pointer-events: auto }
 | 
			
		||||
 | 
			
		||||
/* SELECT TOOLBAR BEHAVIOR */
 | 
			
		||||
/* Comment out or delete either one of these to disable that behavior */
 | 
			
		||||
/* Comment out or delete one of these to disable that behavior */
 | 
			
		||||
 | 
			
		||||
/* Show when urlbar is focused */
 | 
			
		||||
#nav-bar:focus-within + #PersonalToolbar,
 | 
			
		||||
| 
						 | 
				
			
			@ -51,12 +51,19 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
}
 | 
			
		||||
 | 
			
		||||
/* Show when cursor is over the toolbar area */
 | 
			
		||||
#navigator-toolbox:hover > #PersonalToolbar,
 | 
			
		||||
#navigator-toolbox:hover > #nav-bar{
 | 
			
		||||
#navigator-toolbox:hover > .browser-toolbar{
 | 
			
		||||
  transition-delay: 100ms !important;
 | 
			
		||||
  transform: rotateX(0);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Show when cursor is over popups/context-menus - cannot control which ones */
 | 
			
		||||
/*
 | 
			
		||||
#mainPopupSet:hover ~ box > toolbox > .browser-toolbar{
 | 
			
		||||
  transition-delay: 100ms !important;
 | 
			
		||||
  transform: rotateX(0);
 | 
			
		||||
}
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
/* Uncomment to enable compatibility for multi-row_bookmarks.css */
 | 
			
		||||
/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup  */
 | 
			
		||||
/*
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,6 +8,11 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
 | 
			
		||||
:root{
 | 
			
		||||
  --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */
 | 
			
		||||
  --uc-toolbox-rotation: 82deg;  /* This may need to be lower on mac - like 75 or so */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root[sizemode="maximized"]{
 | 
			
		||||
  --uc-toolbox-rotation: 89deg;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (-moz-os-version: windows-win10){
 | 
			
		||||
| 
						 | 
				
			
			@ -36,12 +41,21 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
  transition: transform 82ms linear, opacity 82ms linear !important;
 | 
			
		||||
  transition-delay: var(--uc-autohide-toolbox-delay) !important;
 | 
			
		||||
  transform-origin: top;
 | 
			
		||||
  transform: rotateX(var(--uc-toolbox-rotation));
 | 
			
		||||
  opacity: 0;
 | 
			
		||||
  line-height: 0;
 | 
			
		||||
  z-index: 1;
 | 
			
		||||
  pointer-events: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#navigator-toolbox:-moz-any(:hover,:focus-within){ transition-delay: 33ms !important }
 | 
			
		||||
/* #mainPopupSet:hover ~ box > toolbox, */
 | 
			
		||||
/* Uncomment the above line to make toolbar visible if some popup is hovered */
 | 
			
		||||
#navigator-toolbox:hover,
 | 
			
		||||
#navigator-toolbox:focus-within{
 | 
			
		||||
  transition-delay: 33ms !important;
 | 
			
		||||
  transform: rotateX(0);
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#navigator-toolbox > *{ line-height: normal; pointer-events: auto }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -55,13 +69,6 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
#nav-bar{ width: var(--uc-navigationbar-width,100vw) }
 | 
			
		||||
#TabsToolbar{ width: calc(100vw - var(--uc-navigationbar-width,0px)) }
 | 
			
		||||
 | 
			
		||||
#navigator-toolbox:not(:focus-within):not(:hover){
 | 
			
		||||
  transform: rotateX(82deg); /* This may need to be lower in osx - like 75 or so */
 | 
			
		||||
  opacity: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root[sizemode="maximized"] #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89deg) }
 | 
			
		||||
 | 
			
		||||
/* Don't apply transform before window has been fully created */
 | 
			
		||||
:root:not([sessionrestored]) #navigator-toolbox{ transform:none !important }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue