Add a workaround for case where urlbar height increase a few pixels when
typing into it
This commit is contained in:
		
							parent
							
								
									a0425ce694
								
							
						
					
					
						commit
						664d2eacfd
					
				
					 1 changed files with 7 additions and 3 deletions
				
			
		| 
						 | 
				
			
			@ -22,8 +22,8 @@
 | 
			
		|||
  left: 0 !important;
 | 
			
		||||
  width: 100vw !important;
 | 
			
		||||
  border-width: 1px 0;
 | 
			
		||||
  top: var(--urlbar-height);
 | 
			
		||||
  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
 | 
			
		||||
  top: var(--urlbar-toolbar-height);
 | 
			
		||||
  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,50%,.8));
 | 
			
		||||
  backdrop-filter: blur(28px);
 | 
			
		||||
  z-index: 4;
 | 
			
		||||
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
 | 
			
		||||
| 
						 | 
				
			
			@ -31,3 +31,7 @@
 | 
			
		|||
 | 
			
		||||
#urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
 | 
			
		||||
#urlbar.megabar > #urlbar-background{ display: none !important; }
 | 
			
		||||
 | 
			
		||||
/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */
 | 
			
		||||
/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */
 | 
			
		||||
#urlbar.megabar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; }
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue