Merge branch 'fix-css' into 'main'
Fix button-highlighting and visual feedback Closes #401 See merge request World/Phosh/squeekboard!634
This commit is contained in:
		@ -19,6 +19,12 @@ sq_button.wide {
 | 
				
			|||||||
    background: #2b292f;
 | 
					    background: #2b292f;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					sq_button.altline:active,
 | 
				
			||||||
 | 
					sq_button.special:active,
 | 
				
			||||||
 | 
					sq_button.wide:active {
 | 
				
			||||||
 | 
					    background: #37353c;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
sq_button.latched {
 | 
					sq_button.latched {
 | 
				
			||||||
    background: #ffffff;
 | 
					    background: #ffffff;
 | 
				
			||||||
    color: #2b292f;
 | 
					    color: #2b292f;
 | 
				
			||||||
@ -34,7 +40,8 @@ sq_button.locked {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#Return:active {
 | 
					#Return:active {
 | 
				
			||||||
    background: #1c71d8;
 | 
					    background: mix(#1c71d8, black, 0.2);
 | 
				
			||||||
 | 
					    color: mix(#1c71d8, black, 0.2);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@import url("resource:///sm/puri/squeekboard/common.css");
 | 
					@import url("resource:///sm/puri/squeekboard/common.css");
 | 
				
			||||||
 | 
				
			|||||||
@ -15,12 +15,14 @@ sq_button:active {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
sq_button.altline,
 | 
					sq_button.altline,
 | 
				
			||||||
sq_button.special {
 | 
					sq_button.special,
 | 
				
			||||||
 | 
					sq_button.wide {
 | 
				
			||||||
    background: alpha(@theme_fg_color, 0.15); 
 | 
					    background: alpha(@theme_fg_color, 0.15); 
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
sq_button.altline:active,
 | 
					sq_button.altline:active,
 | 
				
			||||||
sq_button.special:active {
 | 
					sq_button.special:active,
 | 
				
			||||||
 | 
					sq_button.wide:active {
 | 
				
			||||||
    background: alpha(@theme_fg_color, 0.2);
 | 
					    background: alpha(@theme_fg_color, 0.2);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user