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:
Kristiyan Kostadinov
2018-01-12 15:57:26 +01:00
committed by Andrew Seguin
parent 303e004527
commit 1b79e92696
+9
View File
@@ -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 {