Skip to content

Commit 40fb5cb

Browse files
crisbetojelbourn
authored andcommitted
fix(stepper): vertical step header labels not centered on IE (#13262)
Fixes the step header circle labels not being completely centered in IE, because the step header only uses `max-height`.
1 parent 96e670f commit 40fb5cb

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/lib/stepper/stepper.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,9 @@ $mat-stepper-line-gap: 8px !default;
107107
display: flex;
108108
align-items: center;
109109
padding: $mat-stepper-side-gap;
110-
max-height: $mat-stepper-label-header-height;
110+
111+
// We can't use `max-height` here, because it breaks the flexbox centering in IE.
112+
height: $mat-stepper-label-header-height;
111113

112114
.mat-step-icon {
113115
margin-right: $mat-vertical-stepper-content-margin - $mat-stepper-side-gap;

0 commit comments

Comments
 (0)