mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(button-toggle): svg icon not align inside toggle (#13839)
Fixes the `svg` node inside the icon being shifted down inside a button toggle. Fixes #13726.
This commit is contained in:
committed by
vivian-hu
parent
41bb296995
commit
5851c915c6
@@ -48,6 +48,11 @@ $mat-button-toggle-legacy-border-radius: 2px !default;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
||||
// Fixes SVG icons that get thrown off because of the `vertical-align` on the parent.
|
||||
.mat-icon svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
&.cdk-keyboard-focused {
|
||||
.mat-button-toggle-focus-overlay {
|
||||
opacity: 1;
|
||||
|
||||
Reference in New Issue
Block a user