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:
Kristiyan Kostadinov
2018-11-10 00:06:27 +00:00
committed by vivian-hu
parent 41bb296995
commit 5851c915c6
+5
View File
@@ -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;