Skip to content

Commit 3146272

Browse files
committed
fix(table): center-align row checkboxes
1 parent 718a067 commit 3146272

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

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

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
1-
@use '../../../style/functions';
2-
3-
// .has-rowselector {} // Mabe useful later
4-
5-
$checkbox-distance-to-left-edge: 0.5rem;
6-
71
.select-all,
82
.limel-table--row-selector {
93
--limel-checkbox-min-height: 1.25rem; // as big as the box itself
4+
display: inline-flex !important;
5+
align-items: center;
6+
justify-content: center;
7+
8+
text-overflow: unset !important; // Otherwise a `…` will be rendered besides the checkbox, since we truncate all cells
9+
padding: 0 !important;
1010
}
1111

1212
.select-all {
1313
position: absolute;
1414
z-index: $table--limel-table--row-selector;
15-
left: $checkbox-distance-to-left-edge;
16-
top: functions.pxToRem(6);
15+
left: 0.375rem;
16+
top: 0.25rem;
1717
}
1818

1919
.limel-table--row-selector {
@@ -41,7 +41,7 @@ $checkbox-distance-to-left-edge: 0.5rem;
4141
}
4242
}
4343

44-
// make the row selector column non-resizeable by hiding
44+
// make the row selector column non-resizable by hiding
4545
// the resize handles between the frozen column and the
4646
// column next to it
4747
.tabulator-col-resize-handle {

0 commit comments

Comments
 (0)