Skip to content

Commit 9b22f5c

Browse files
committed
Prevent mobile table td collapsing issue
Fixes #1128
1 parent 695c74d commit 9b22f5c

File tree

2 files changed

+2
-1
lines changed

2 files changed

+2
-1
lines changed

app/styles/_tables.less

+1
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,7 @@
123123
/* Behave like a row */
124124
border: none;
125125
border-bottom: 1px solid lighten(@table-border-color, 5%);
126+
min-height: 38px; // prevent empty td collapsing
126127
padding: 3px 6px 2px 35%;
127128
position: relative;
128129
&:last-child {

dist/styles/main.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -4960,7 +4960,7 @@ body,html{margin:0;padding:0}
49604960
.table-mobile.table-empty{border:0}
49614961
.table-mobile.table-empty>tbody>tr>td{border:0;padding-left:0}
49624962
.table-mobile>tbody>tr{border-top:2px solid #d1d1d1}
4963-
.table-mobile>tbody>tr>td{border:none;border-bottom:1px solid #dedede;padding:3px 6px 2px 35%;position:relative}
4963+
.table-mobile>tbody>tr>td{border:none;border-bottom:1px solid #dedede;min-height:38px;padding:3px 6px 2px 35%;position:relative}
49644964
.table-mobile>tbody>tr>td:last-child{border-bottom:none}
49654965
.table-mobile>tbody>tr>td:before{content:attr(data-title);position:absolute;top:8px;left:6px;width:35%;padding-right:10px;white-space:nowrap}
49664966
}

0 commit comments

Comments
 (0)