Skip to content

Commit bf5265b

Browse files
committed
Fix: Fomantic UI workaround for thead > tr > td cells being unstyled
Logged at fomantic/Fomantic-UI#3250
1 parent 355a8d9 commit bf5265b

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

css/dataTables.semanticui.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,24 @@ table.dataTable.table {
2121
}
2222

2323
@include row-stripes('.striped', '.hover', 0.02, 0.05, ':nth-child(2n)');
24+
25+
// Workaround for https://github.com/fomantic/Fomantic-UI/issues/3250
26+
> thead > tr > td {
27+
text-align: inherit;
28+
color: rgba(0,0,0,.87);
29+
padding: .5em .78571429em;
30+
vertical-align: inherit;
31+
font-style: none;
32+
text-transform: none;
33+
border-bottom: 1px solid rgba(34,36,38,.1);
34+
}
35+
36+
&.celled {
37+
// Workaround for https://github.com/fomantic/Fomantic-UI/issues/3250
38+
> thead > tr > td:not(:first-child) {
39+
border-left: 1px solid rgba(34,36,38,.1);
40+
}
41+
}
2442
}
2543

2644
@import 'typography.scss';

0 commit comments

Comments
 (0)