refine Semi UI history evidence workspace

This commit is contained in:
lingniu
2026-07-18 13:00:33 +08:00
parent 8aa273e579
commit ad81d108a7
3 changed files with 157 additions and 10 deletions

View File

@@ -6126,25 +6126,74 @@
scrollbar-width: thin;
}
.v2-history-data-table .semi-table-body {
scroll-padding-inline-start: 302px;
scrollbar-color: #b7c4d4 #f4f7fa;
scrollbar-width: thin;
}
.v2-history-table-scroll:focus-visible {
outline: 2px solid rgba(18, 104, 223, .38);
outline-offset: -2px;
}
.v2-history-data-table :is(.semi-table-row-head, .semi-table-row-cell).semi-table-cell-fixed-left {
z-index: 5;
background: #fff;
}
.v2-history-table-scroll .v2-history-data-table.semi-table-wrapper .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left {
z-index: 8;
background: #f7f9fc;
}
.v2-history-data-table .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left,
.v2-history-data-table .semi-table-tbody > .semi-table-row.is-selected > .semi-table-row-cell.semi-table-cell-fixed-left {
background: #f2f7ff;
}
.v2-history-data-table :is(.semi-table-row-head, .semi-table-row-cell).v2-history-plate-column {
box-shadow: 12px 0 18px -18px rgba(35, 55, 82, .72);
}
.v2-history-table-scroll::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.v2-history-data-table .semi-table-body::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.v2-history-table-scroll::-webkit-scrollbar-track {
background: #f4f7fa;
}
.v2-history-data-table .semi-table-body::-webkit-scrollbar-track {
background: #f4f7fa;
}
.v2-history-table-scroll::-webkit-scrollbar-thumb {
border: 2px solid #f4f7fa;
border-radius: 999px;
background: #b7c4d4;
}
.v2-history-data-table .semi-table-body::-webkit-scrollbar-thumb {
border: 2px solid #f4f7fa;
border-radius: 999px;
background: #b7c4d4;
}
.v2-history-table-scroll::-webkit-scrollbar-thumb:hover {
background: #91a4ba;
}
.v2-history-data-table .semi-table-body::-webkit-scrollbar-thumb:hover {
background: #91a4ba;
}
@media (min-width: 681px) {
.v2-history-page {
height: 100%;
@@ -6403,6 +6452,63 @@
outline-offset: -2px;
}
:is(
.v2-history-column-sidesheet,
.v2-history-detail-sidesheet,
.v2-history-export-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-inner {
width: 100% !important;
max-width: 100%;
overflow: hidden;
border: 1px solid #d9e3ef;
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: #f4f7fb;
box-shadow: 0 -18px 52px rgba(20, 38, 66, .18);
padding-bottom: env(safe-area-inset-bottom);
}
:is(
.v2-history-column-sidesheet,
.v2-history-detail-sidesheet,
.v2-history-export-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-header {
min-height: 64px;
border-bottom: 1px solid #dfe6ef;
padding: 12px 15px 10px;
}
:is(
.v2-history-column-sidesheet,
.v2-history-detail-sidesheet,
.v2-history-export-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-body {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
.v2-history-column-sidesheet.semi-sidesheet-bottom .semi-sidesheet-body {
overflow: hidden;
}
.v2-history-column-sidesheet.semi-sidesheet-bottom .semi-sidesheet-footer {
padding: 9px 12px 10px;
}
:is(
.v2-history-detail-sidesheet,
.v2-history-export-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-body {
padding: 8px 8px 12px;
}
.v2-history-detail-sidesheet.semi-sidesheet-bottom .v2-history-evidence.semi-card,
.v2-history-export-sidesheet.semi-sidesheet-bottom .v2-export-jobs.semi-card {
border-radius: 11px;
box-shadow: none;
}
.v2-history-mobile-list {
gap: 6px;
padding: 6px;