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 } | ||||
| 
 | ||||
| /* 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