training/dashboard: tighten stage-view padding-right to full prose-w (no overlap)

This commit is contained in:
Max Gorog 2026-05-08 01:00:46 -05:00
parent 0175882ed6
commit 1160244dfa
2 changed files with 6 additions and 2 deletions

View file

@ -450,7 +450,11 @@ html, body { overflow-anchor: none; }
.stage-view {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: flex-start;
padding-right: clamp(0px, calc(var(--prose-w) - 1.5em), 40em);
/* Reserve full prose-w of right-side space so the metric stack
ends exactly where the prose column starts (was prose-w - 1.5em,
which let prose's feathered left edge sit over interactive
widgets and block clicks). */
padding-right: clamp(0px, var(--prose-w), 42em);
/* No opacity transition: snapping scenes in/out instantly. The
transition was the source of the grid-shape artifact that
appeared over metric content during scene changes. While

View file

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CIS490 — live</title>
<link rel="stylesheet" href="/static/dashboard.css?v=70f8212b">
<link rel="stylesheet" href="/static/dashboard.css?v=53cf1ecb">
</head>
<body>
<!-- SVG filter defs for the lava-lamp goo effect. Width/height 0