Skip to content

Commit e0321db

Browse files
authored
fix(table): move padding from rows to cells (#10499)
1 parent 1dd8a27 commit e0321db

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

src/lib/table/table.scss

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,6 @@ $mat-row-horizontal-padding: 24px;
1919
border-bottom-width: 1px;
2020
border-bottom-style: solid;
2121
align-items: center;
22-
padding: 0 $mat-row-horizontal-padding;
2322
box-sizing: border-box;
2423

2524
// Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
@@ -32,8 +31,19 @@ $mat-row-horizontal-padding: 24px;
3231
}
3332
}
3433

34+
.mat-cell:first-child, .mat-header-cell:first-child {
35+
padding-left: $mat-row-horizontal-padding;
36+
}
37+
38+
.mat-cell:last-child, .mat-header-cell:last-child {
39+
padding-right: $mat-row-horizontal-padding;
40+
}
41+
3542
.mat-cell, .mat-header-cell {
3643
flex: 1;
44+
display: flex;
45+
align-items: center;
3746
overflow: hidden;
3847
word-wrap: break-word;
48+
min-height: inherit;
3949
}

0 commit comments

Comments
 (0)