refine Semi UI history evidence workspace
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user