Shorten the hiding delay and make the showing delay apply when nav-bar
is focused
This commit is contained in:
		
							parent
							
								
									cbeedb6c46
								
							
						
					
					
						commit
						f8dfc90ed0
					
				
					 1 changed files with 6 additions and 3 deletions
				
			
		| 
						 | 
				
			
			@ -10,7 +10,7 @@
 | 
			
		|||
	margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
 | 
			
		||||
	transform: rotateX(90deg);
 | 
			
		||||
	transform-origin: top;
 | 
			
		||||
	transition: transform 135ms linear 1000ms !important;
 | 
			
		||||
	transition: transform 135ms linear 600ms !important;
 | 
			
		||||
  z-index: 1;
 | 
			
		||||
}
 | 
			
		||||
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
 | 
			
		||||
| 
						 | 
				
			
			@ -19,10 +19,13 @@
 | 
			
		|||
/* Comment out or delete either one of these to disable that behavior */
 | 
			
		||||
 | 
			
		||||
/* Show when urlbar is focused */
 | 
			
		||||
#nav-bar:focus-within + #PersonalToolbar{ transform: rotateX(0) }
 | 
			
		||||
#nav-bar:focus-within + #PersonalToolbar{
 | 
			
		||||
  transition-delay: 100ms !important;
 | 
			
		||||
  transform: rotateX(0);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Show when cursor is over the toolbar area */
 | 
			
		||||
#navigator-toolbox:hover > #PersonalToolbar{
 | 
			
		||||
	transition: transform 135ms linear 100ms !important;
 | 
			
		||||
	transition-delay: 100ms !important;
 | 
			
		||||
	transform: rotateX(0);
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue