mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(table): row content not centered in IE (#6820)
Fixes the table row content not being centered vertically in IE due to a flex bug. Fixes #6813.
This commit is contained in:
committed by
Andrew Seguin
parent
303e004527
commit
1b79e92696
@@ -12,6 +12,15 @@ $mat-row-horizontal-padding: 24px;
|
||||
align-items: center;
|
||||
min-height: $mat-row-height;
|
||||
padding: 0 $mat-row-horizontal-padding;
|
||||
|
||||
// Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
|
||||
// element that will stretch the row the correct height. See:
|
||||
// https://connect.microsoft.com/IE/feedback/details/802625
|
||||
&::after {
|
||||
display: inline-block;
|
||||
min-height: inherit;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.mat-cell, .mat-header-cell {
|
||||
|
||||
Reference in New Issue
Block a user