fix(docker): bars line up down the column; headers name the window (#5214)
Each figure after its bars takes a fixed width, so memory figures of different lengths no longer shift their bars. CPU and Memory headers say "last 6h" and the note gives the slice length. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -406,7 +406,7 @@ body.dash-editing .widget-drawer { transform:translateY(0); }
|
||||
.w-item .w-label a { color:inherit; text-decoration:none; }
|
||||
.w-item .w-meta { flex-shrink:0; font-size:0.72rem; color:var(--text-muted); font-variant-numeric:tabular-nums; }
|
||||
.w-note { font-size:0.7rem; color:var(--text-dim); margin-top:0.3rem; }
|
||||
.w-table col.w-barcol { width:9.5rem; }
|
||||
.w-table col.w-barcol { width:10.2rem; }
|
||||
/* Bars of a figure's recent past, inline before it (Busiest Containers, #5214):
|
||||
the row's tone, faint, with the newest bar solid. A gap is a slice with no
|
||||
samples. Heights are set per bar as a % of the row's roof. */
|
||||
@@ -414,6 +414,8 @@ body.dash-editing .widget-drawer { transform:translateY(0); }
|
||||
.w-bars i { flex:1; min-height:1px; background:currentColor; opacity:0.4; border-radius:1px 1px 0 0; }
|
||||
.w-bars i:last-child { opacity:1; }
|
||||
.w-bars i.gap { background:none; }
|
||||
/* The figure after a row of bars takes a fixed width, so the bars line up down the column whatever the figure's length. */
|
||||
.w-fig { display:inline-block; min-width:4.9rem; text-align:right; }
|
||||
@container (max-width: 26rem) { .w-wide-only { display:none; } .w-table col.w-barcol { width:5.5rem; } }
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user