mirror of
				https://codeberg.org/claui/mobile-config-firefox.git
				synced 2025-11-03 12:05:55 +00:00 
			
		
		
		
	floating-findbar: make findbar-status able to be clipped
Before this change, the status would show fully, so on narrow windows the input controls and close button would be pushed out of the window. Now the status text will instead get clipped.
This commit is contained in:
		
							parent
							
								
									357e5bc0b4
								
							
						
					
					
						commit
						1a9cbceb7c
					
				
					 1 changed files with 16 additions and 2 deletions
				
			
		| 
						 | 
				
			
			@ -35,9 +35,23 @@ findbar > .findbar-container{
 | 
			
		|||
  border-bottom-left-radius: 4px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.findbar-closebutton{ margin: 0 !important; border-radius: 0 !important; padding: 5px !important; }
 | 
			
		||||
.findbar-find-status{
 | 
			
		||||
  display: -moz-box;
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
  text-overflow: ellipsis;
 | 
			
		||||
  -moz-box-flex: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.findbar-closebutton{
 | 
			
		||||
  margin: 0 !important;
 | 
			
		||||
  border-radius: 0 !important;
 | 
			
		||||
  padding: 5px !important;
 | 
			
		||||
}
 | 
			
		||||
.findbar-closebutton > image{ padding: 3px }
 | 
			
		||||
.findbar-closebutton:hover > image{ background: var(--toolbarbutton-hover-background) !important; border-radius: 4px }
 | 
			
		||||
.findbar-closebutton:hover > image{
 | 
			
		||||
  background: var(--toolbarbutton-hover-background) !important;
 | 
			
		||||
  border-radius: 4px
 | 
			
		||||
}
 | 
			
		||||
findbar > .findbar-container > hbox{ margin: 0 5px }
 | 
			
		||||
 | 
			
		||||
findbar::before{
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue