Style non-select filter labels to match
Non-select filter labels and their contents were misaligned. They were also shorter with lighter hover backgrounds. Everything should match up now. There's only one currently, but I used general selectors which should work in case any new ones are added.
This commit is contained in:
		
							parent
							
								
									e84afd9a20
								
							
						
					
					
						commit
						c1b47e4b23
					
				| 
						 | 
				
			
			@ -417,13 +417,6 @@ select {
 | 
			
		|||
  background-color: hsla(0, 0%, 50%, .2);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#only-updates {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  left: -5px;
 | 
			
		||||
  margin-top: 2px;
 | 
			
		||||
  margin-bottom: 2px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.checkmate {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  height: 12px;
 | 
			
		||||
| 
						 | 
				
			
			@ -821,10 +814,21 @@ input[id^="manage.newUI"] {
 | 
			
		|||
  display: none !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#filters label {
 | 
			
		||||
#filters > label {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  padding-left: 20px;
 | 
			
		||||
  left: -9px;
 | 
			
		||||
  padding: 2px 0 2px 24px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#filters > label input[type="checkbox"]:not(.slider),
 | 
			
		||||
#filters > label input[type="checkbox"]:not(.slider):checked + .svg-icon.checked {
 | 
			
		||||
  top: 2px;
 | 
			
		||||
  left: 8px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#filters > label:hover {
 | 
			
		||||
  background-color: hsla(0, 0%, 50%, .4);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#filters {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user