Skip to content

Commit 373534c

Browse files
authored
fix: Table header divisor (#233)
1 parent 3bea895 commit 373534c

9 files changed

+16
-11
lines changed
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

packages/fuselage/src/components/Table/styles.scss

+16-11
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
lengths.padding(none)
1212
lengths.padding(2);
1313

14-
border-collapse: separate;
14+
border-collapse: collapse;
1515

1616
background-color: colors.surface();
1717

@@ -30,16 +30,6 @@
3030

3131
&__head {
3232
display: table-header-group;
33-
34-
&::after {
35-
position: absolute;
36-
inset-inline: lengths.inset(none);
37-
38-
display: flex;
39-
40-
content: '';
41-
border-block-end: lengths.border-width(2) solid colors.neutral(300);
42-
}
4333
}
4434

4535
&__body {
@@ -102,8 +92,23 @@
10292
@include typography.use-font-scale(p1);
10393

10494
&--header {
95+
position: relative;
96+
10597
@include typography.use-font-scale(c2);
10698
color: colors.foreground(hint);
99+
100+
&::after {
101+
position: absolute;
102+
bottom: 0;
103+
inset-inline: lengths.inset(none);
104+
left: 0;
105+
right: 0;
106+
107+
display: flex;
108+
109+
content: '';
110+
border-block-end: lengths.border-width(2) solid colors.neutral(300);
111+
}
107112
}
108113

109114
&--clickable {

0 commit comments

Comments
 (0)