138 lines
4.3 KiB
CSS
138 lines
4.3 KiB
CSS
|
.v-table {
|
||
|
background: rgb(var(--v-theme-surface));
|
||
|
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
||
|
font-size: 0.875rem;
|
||
|
transition-duration: 0.28s;
|
||
|
transition-property: box-shadow, opacity, background, height;
|
||
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
}
|
||
|
.v-table .v-table-divider {
|
||
|
border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
||
|
}
|
||
|
.v-table .v-table__wrapper > table > thead > tr > th {
|
||
|
border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
||
|
}
|
||
|
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
|
||
|
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
|
||
|
border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
||
|
}
|
||
|
.v-table .v-table__wrapper > table > tfoot > tr > td,
|
||
|
.v-table .v-table__wrapper > table > tfoot > tr > th {
|
||
|
border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
||
|
}
|
||
|
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
|
||
|
position: relative;
|
||
|
}
|
||
|
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background: rgba(var(--v-border-color), var(--v-hover-opacity));
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
.v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
|
||
|
background: rgb(var(--v-theme-surface));
|
||
|
box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
|
||
|
z-index: 1;
|
||
|
}
|
||
|
.v-table.v-table--fixed-footer > tfoot > tr > th,
|
||
|
.v-table.v-table--fixed-footer > tfoot > tr > td {
|
||
|
background: rgb(var(--v-theme-surface));
|
||
|
box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
|
||
|
}
|
||
|
|
||
|
.v-table {
|
||
|
border-radius: inherit;
|
||
|
line-height: 1.5;
|
||
|
max-width: 100%;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
.v-table > .v-table__wrapper > table {
|
||
|
width: 100%;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
.v-table > .v-table__wrapper > table > tbody > tr > td,
|
||
|
.v-table > .v-table__wrapper > table > tbody > tr > th,
|
||
|
.v-table > .v-table__wrapper > table > thead > tr > td,
|
||
|
.v-table > .v-table__wrapper > table > thead > tr > th,
|
||
|
.v-table > .v-table__wrapper > table > tfoot > tr > td,
|
||
|
.v-table > .v-table__wrapper > table > tfoot > tr > th {
|
||
|
padding: 0 16px;
|
||
|
transition-duration: 0.28s;
|
||
|
transition-property: box-shadow, opacity, background, height;
|
||
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
}
|
||
|
.v-table > .v-table__wrapper > table > tbody > tr > td,
|
||
|
.v-table > .v-table__wrapper > table > thead > tr > td,
|
||
|
.v-table > .v-table__wrapper > table > tfoot > tr > td {
|
||
|
height: var(--v-table-row-height);
|
||
|
}
|
||
|
.v-table > .v-table__wrapper > table > tbody > tr > th,
|
||
|
.v-table > .v-table__wrapper > table > thead > tr > th,
|
||
|
.v-table > .v-table__wrapper > table > tfoot > tr > th {
|
||
|
height: var(--v-table-header-height);
|
||
|
font-weight: 500;
|
||
|
user-select: none;
|
||
|
text-align: start;
|
||
|
}
|
||
|
.v-table--density-default {
|
||
|
--v-table-header-height: 56px;
|
||
|
--v-table-row-height: 52px;
|
||
|
}
|
||
|
|
||
|
.v-table--density-comfortable {
|
||
|
--v-table-header-height: 48px;
|
||
|
--v-table-row-height: 44px;
|
||
|
}
|
||
|
|
||
|
.v-table--density-compact {
|
||
|
--v-table-header-height: 40px;
|
||
|
--v-table-row-height: 36px;
|
||
|
}
|
||
|
|
||
|
.v-table__wrapper {
|
||
|
border-radius: inherit;
|
||
|
overflow: auto;
|
||
|
flex: 1 1 auto;
|
||
|
}
|
||
|
|
||
|
.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
|
||
|
border-top-left-radius: 0;
|
||
|
}
|
||
|
.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
|
||
|
border-top-right-radius: 0;
|
||
|
}
|
||
|
|
||
|
.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
|
||
|
border-bottom-left-radius: 0;
|
||
|
}
|
||
|
.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
|
||
|
border-bottom-right-radius: 0;
|
||
|
}
|
||
|
|
||
|
.v-table--fixed-height > .v-table__wrapper {
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
|
||
|
.v-table--fixed-header > .v-table__wrapper > table > thead {
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
|
||
|
border-bottom: 0px !important;
|
||
|
}
|
||
|
|
||
|
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
|
||
|
position: sticky;
|
||
|
bottom: 0;
|
||
|
z-index: 1;
|
||
|
}
|
||
|
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
|
||
|
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
|
||
|
border-top: 0px !important;
|
||
|
}
|