ant-design-blazor/components/table/style/patch.less

73 lines
1.9 KiB
Plaintext

@import './index.less';
.@{table-prefix-cls}-responsive {
@media (max-width: 960px) {
.@{table-prefix-cls} {
table {
table-layout: auto !important;
width: 100% !important;
col {
width: auto !important;
min-width: auto !important;
}
}
&-thead {
display: none;
}
&.@{table-prefix-cls}-fixed-column {
.@{table-prefix-cls}-content {
overflow: hidden !important;
}
}
&.@{table-prefix-cls}-scroll-horizontal {
.@{table-prefix-cls}-body {
overflow-x: hidden !important;
}
}
&-tbody {
.@{table-prefix-cls}-cell {
display: flex;
justify-content: space-between;
&:not(:last-child) {
border: none;
}
}
.@{table-prefix-cls}-cell:before {
content: attr(data-label);
font-weight: 500;
padding-right: 16px;
padding-inline-end: 16px;
padding-inline-start: unset;
}
}
&-cell-ellipsis {
white-space: normal;
}
}
}
}
.@{table-prefix-cls}-has-scrollbar-width {
.@{table-prefix-cls}-content::-webkit-scrollbar,
.@{table-prefix-cls}-body::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
background: #f5f5f5;
}
.@{table-prefix-cls}-content::-webkit-scrollbar-thumb,
.@{table-prefix-cls}-body::-webkit-scrollbar-thumb {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
background: #d9d9d9;
}
}