refactor(ui): checkpoints in-grid styles + drop retired row-list/history CSS

This commit is contained in:
hsiegeln
2026-04-23 17:10:42 +02:00
parent 9c1bd24f16
commit 18da187960

View File

@@ -73,42 +73,6 @@
border: 0; border: 0;
} }
.checkpointsRow {
margin-top: 8px;
}
.disclosureToggle {
background: none;
border: none;
color: var(--text-muted);
cursor: pointer;
font-size: 13px;
padding: 4px 0;
}
.checkpointList {
display: flex;
flex-direction: column;
gap: 4px;
padding: 6px 0 0 12px;
}
.checkpointRow {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
}
.checkpointMeta {
color: var(--text-muted);
}
.checkpointArchived {
color: var(--warning);
font-size: 12px;
}
.checkpointsTable tr.checkpointArchived { .checkpointsTable tr.checkpointArchived {
opacity: 0.55; opacity: 0.55;
} }
@@ -281,9 +245,6 @@
} }
.logFill { flex: 1 1 auto; min-height: 200px; } .logFill { flex: 1 1 auto; min-height: 200px; }
/* HistoryDisclosure */
.historyRow { margin-top: 16px; }
/* Environment pill (Identity section) */ /* Environment pill (Identity section) */
.envPill { .envPill {
display: inline-block; display: inline-block;
@@ -401,38 +362,37 @@
z-index: 1; z-index: 1;
} }
/* Collapsible Checkpoints header */ /* Checkpoints row — lives inside .configGrid */
.checkpointsSection { .checkpointsTriggerCell {
display: flex; display: flex;
flex-direction: column; align-items: center;
} }
.checkpointsHeader { .checkpointsTrigger {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
background: none; background: none;
border: none; border: none;
padding: 8px 0; padding: 0;
font-size: 13px;
font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
cursor: pointer; cursor: pointer;
font: inherit;
text-align: left; text-align: left;
} }
.checkpointsHeader:hover { .checkpointsTrigger:hover {
color: var(--amber); color: var(--amber);
} }
.checkpointsTableFullRow {
grid-column: 1 / -1;
margin-top: 4px;
}
.checkpointsChevron { .checkpointsChevron {
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 11px;
width: 12px; width: 12px;
text-align: center; text-align: center;
} }
.checkpointsCount {
color: var(--text-muted);
font-weight: 400;
}