mirror of
				https://codeberg.org/claui/mobile-config-firefox.git
				synced 2025-11-04 04:25:55 +00:00 
			
		
		
		
	Collapse the toolbar instead of negative margins
This commit is contained in:
		
							parent
							
								
									4250b9c962
								
							
						
					
					
						commit
						7778ed2e08
					
				
					 1 changed files with 11 additions and 7 deletions
				
			
		| 
						 | 
				
			
			@ -1,10 +1,14 @@
 | 
			
		|||
/* Hide tabs unless cursor is on top of toolbar */
 | 
			
		||||
/* This does not support multi-row tabs */
 | 
			
		||||
 | 
			
		||||
:root:not([customizing]) #titlebar{
 | 
			
		||||
  margin-bottom: calc(0px - var(--tab-min-height));
 | 
			
		||||
  transition: margin-bottom 48ms ease-out;
 | 
			
		||||
@keyframes slidein{
 | 
			
		||||
  from{ margin-top: calc(0px - var(--tab-min-height)) }
 | 
			
		||||
  to{ margin-top: 0 }
 | 
			
		||||
}
 | 
			
		||||
#TabsToolbar:not([customizing]){ visibility: hidden; }
 | 
			
		||||
#navigator-toolbox:hover > #titlebar{ margin-bottom: 0; }
 | 
			
		||||
#navigator-toolbox:hover > #titlebar > #TabsToolbar{ visibility: visible; }
 | 
			
		||||
@keyframes slideout{
 | 
			
		||||
  from{ margin-top: var(--tab-min-height) }
 | 
			
		||||
  to{ margin-top: 0 }
 | 
			
		||||
}
 | 
			
		||||
#navigator-toolbox:not(:hover) > #titlebar{ -moz-appearance: none !important }
 | 
			
		||||
#navigator-toolbox:not(:hover)  #TabsToolbar:not([customizing]) { visibility: collapse }
 | 
			
		||||
#navigator-toolbox:hover > #nav-bar:not([customizing]){ animation: slidein ease-out 48ms 1 }
 | 
			
		||||
#navigator-toolbox:not(:hover) > #nav-bar:not([customizing]){ animation: slideout ease-out 48ms 1 }
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue