mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
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`.
This commit is contained in:
committed by
Jeremy Elbourn
parent
96e670f5a7
commit
40fb5cbe49
@@ -107,7 +107,9 @@ $mat-stepper-line-gap: 8px !default;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: $mat-stepper-side-gap;
|
||||
max-height: $mat-stepper-label-header-height;
|
||||
|
||||
// We can't use `max-height` here, because it breaks the flexbox centering in IE.
|
||||
height: $mat-stepper-label-header-height;
|
||||
|
||||
.mat-step-icon {
|
||||
margin-right: $mat-vertical-stepper-content-margin - $mat-stepper-side-gap;
|
||||
|
||||
Reference in New Issue
Block a user