split up :hover and :focus-within so they cab be changed individually
This commit is contained in:
		
							parent
							
								
									95456bc3bb
								
							
						
					
					
						commit
						1cbac45914
					
				
					 1 changed files with 13 additions and 5 deletions
				
			
		| 
						 | 
				
			
			@ -13,9 +13,6 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
:root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#tab-notification-deck){
 | 
			
		||||
  transform: none !important;
 | 
			
		||||
  opacity: 1 !important;
 | 
			
		||||
}{
 | 
			
		||||
  transform: none !important;
 | 
			
		||||
  opacity: 1 !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#nav-bar:not([customizing]){
 | 
			
		||||
| 
						 | 
				
			
			@ -25,7 +22,15 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
  z-index: 2;
 | 
			
		||||
}
 | 
			
		||||
#TabsToolbar{ position: relative; z-index: 3 }
 | 
			
		||||
#navigator-toolbox:focus-within > .browser-toolbar,
 | 
			
		||||
 | 
			
		||||
/* Show when toolbox is focused, like when urlbar has received focus */
 | 
			
		||||
#navigator-toolbox:focus-within > .browser-toolbar{
 | 
			
		||||
  transform: translateY(0);
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  transition-duration: 500ms, 200ms !important;
 | 
			
		||||
  transition-delay: 0s !important;
 | 
			
		||||
}
 | 
			
		||||
/* Show when toolbox is hovered */
 | 
			
		||||
#titlebar:hover ~ .browser-toolbar,
 | 
			
		||||
#nav-bar:hover,
 | 
			
		||||
#nav-bar:hover + #PersonalToolbar{
 | 
			
		||||
| 
						 | 
				
			
			@ -35,5 +40,8 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
  transition-delay: 0s !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Bookmarks toolbar needs so extra rules */
 | 
			
		||||
#PersonalToolbar{ transition: transform 400ms ease 1.8s !important; position: relative; z-index: 1 }
 | 
			
		||||
:root[sessionrestored]:not([inFullscreen]) > body > #browser{ margin-top: var(--uc-navbar-transform); }
 | 
			
		||||
 | 
			
		||||
/* Move up the content view */
 | 
			
		||||
:root[sessionrestored]:not([inFullscreen]) > body > #browser{ margin-top: var(--uc-navbar-transform); }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue