.table-toolbar {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
min-width: 100%;
|
padding: 0 var(--spacing-tight);
|
background-color: var(--color-neutral-surface);
|
height: 41px;
|
transition: transform 0.3s ease-in-out;
|
transform: translateY(-41px);
|
position: absolute;
|
|
&_visible {
|
position: relative;
|
transform: translateY(0);
|
}
|
|
&__customize-button.table-toolbar__customize-button {
|
height: 28px;
|
width: 28px;
|
background-color: var(--color-neutral-background);
|
box-shadow: 0 2px 5px 0 var(--black_20);
|
border-radius: 4px;
|
|
&:hover {
|
border: none;
|
filter: none;
|
background: var(--color-primary-emphasis-subtle);
|
|
&__icon {
|
color: var(--color-neutral-content);
|
}
|
}
|
|
&:active {
|
color: var(--color-neutral-content);
|
background: linear-gradient(0deg, var(--black_2), var(--black_2)), #FFF;
|
box-shadow: 0 0 5px 0 var(--black_20);
|
}
|
}
|
}
|
|
.table {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
overflow: hidden;
|
background-color: var(--color-neutral-background);
|
|
&__auto-size {
|
&_quick-view {
|
& > div {
|
background-color: var(--color-neutral-surface);
|
}
|
|
& .table-head {
|
border-top: 1px solid var(--color-neutral-border);
|
}
|
}
|
}
|
|
&_fit {
|
width: max-content;
|
}
|
|
&__sticky-header {
|
width: 100%;
|
}
|
|
&__auto-size,
|
&__virtual {
|
width: auto;
|
|
.table_fit & {
|
width: fit-content;
|
}
|
}
|
|
&__virtual {
|
max-width: 100vw;
|
min-width: 100vw;
|
}
|
|
&__virtual>div {
|
min-width: fit-content;
|
}
|
|
&__row-wrapper {
|
min-width: fit-content;
|
position: relative;
|
cursor: pointer;
|
background-color: var(--color-neutral-background);
|
|
&_disabled,
|
&_loading {
|
opacity: 0.6;
|
pointer-events: none;
|
}
|
|
&_even:not(.table__row_wrapper_selected) {
|
background-color: var(--color-neutral-emphasis-subtle);
|
}
|
|
&_selected {
|
background-color: var(--color-primary-emphasis);
|
}
|
|
&:not(.table__row_wrapper_selected):hover {
|
background-color: var(--color-primary-emphasis-subtle);
|
}
|
|
&_highlighted:not(.table__row_wrapper_selected)::after {
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
content: "";
|
z-index: 50;
|
position: absolute;
|
pointer-events: none;
|
box-shadow: 0 0 0 1px rgb(var(--accent_color-raw) / 80%) inset;
|
}
|
}
|
|
&__cell {
|
overflow: hidden;
|
flex: 150 0 auto;
|
width: fit-content;
|
min-width: min-content;
|
max-width: min-content;
|
padding: 10px;
|
box-sizing: border-box;
|
display: flex;
|
align-items: center;
|
position: relative;
|
word-break: break-word;
|
color: var(--color-neutral-content-subtler);
|
}
|
|
&__cell-content {
|
flex: 0;
|
display: flex;
|
white-space: nowrap;
|
align-items: center;
|
color: var(--color-neutral-content);
|
|
&_disabled {
|
opacity: 0.6;
|
pointer-events: none;
|
}
|
}
|
}
|
