Skip to content

Commit 5138469

Browse files
committed
fix(table): show better gradient fade effect, below checkbox of a selected row
1 parent 3146272 commit 5138469

File tree

1 file changed

+10
-5
lines changed

1 file changed

+10
-5
lines changed

src/components/table/partial-styles/_row-selection.scss

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,11 +22,16 @@
2222
border-width: 0;
2323
z-index: $table--limel-table--row-selector;
2424

25-
background-image: linear-gradient(
26-
to right,
27-
rgb(var(--limel-table-row-background-color)) 70%,
28-
rgb(var(--limel-table-row-background-color), 0)
29-
);
25+
&:before {
26+
content: '';
27+
inset: 0.25rem 0;
28+
position: absolute;
29+
background-image: linear-gradient(
30+
to right,
31+
rgb(var(--limel-table-row-background-color)) 70%,
32+
rgb(var(--limel-table-row-background-color), 0)
33+
);
34+
}
3035

3136
limel-checkbox {
3237
transition: opacity 0.2s ease;

0 commit comments

Comments
 (0)