Better handle status vertical position
This commit is contained in:
		
							parent
							
								
									a2fcf09b26
								
							
						
					
					
						commit
						82af721461
					
				
					 1 changed files with 8 additions and 2 deletions
				
			
		| 
						 | 
				
			
			@ -9,8 +9,14 @@
 | 
			
		|||
  width: 100%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  pointer-events:none;
 | 
			
		||||
  background: -moz-element(#statuspanel) left calc(100% - var(--toolbarbutton-outer-padding)) no-repeat !important;
 | 
			
		||||
  background-position: left 2px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
  background-image: -moz-element(#statuspanel);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px }
 | 
			
		||||
:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 3px }
 | 
			
		||||
 | 
			
		||||
/* Hide the status ovelay when urlbar is hovered */
 | 
			
		||||
#urlbar:hover .urlbar-input-box::after{ visibility: hidden }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -19,7 +25,7 @@
 | 
			
		|||
}
 | 
			
		||||
 | 
			
		||||
#statuspanel-inner > #statuspanel-label{
 | 
			
		||||
  height:23px;
 | 
			
		||||
  height:3em;
 | 
			
		||||
  min-width: 1000px;
 | 
			
		||||
  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important;
 | 
			
		||||
  border: none !important;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue