Vulture/VApp/node_modules/vuetify/lib/components/VTable/VTable.css

138 lines
4.3 KiB
CSS
Raw Normal View History

.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;
}