@gravity-ui/uikit
Version:
Gravity UI base styling and components
30 lines • 1.16 kB
CSS
.g-table__checkbox_cell {
position: relative;
min-width: 17px;
width: 17px;
}
.g-table__selection-checkbox {
display: flex;
align-items: center;
padding: inherit;
border-block-end: none;
position: absolute;
inset: 0;
}
.g-table__selection-checkbox_vertical-align_top {
align-items: start;
}
.g-table__row_selected {
background: var(--g-color-base-selection);
}
.g-table__row_selected .g-table__cell_sticky_start,
.g-table__row_selected .g-table__cell_sticky_end {
background: linear-gradient(to right, var(--g-color-base-selection), var(--g-color-base-selection)), linear-gradient(to right, var(--g-color-base-background), var(--g-color-base-background));
}
.g-table__row_selected.g-table__row_interactive:hover {
background: var(--g-color-base-selection-hover);
}
.g-table__row_selected.g-table__row_interactive:hover .g-table__cell_sticky_start,
.g-table__row_selected.g-table__row_interactive:hover .g-table__cell_sticky_end {
background: linear-gradient(to right, var(--g-color-base-selection-hover), var(--g-color-base-selection-hover)), linear-gradient(to right, var(--g-color-base-background), var(--g-color-base-background));
}