training/dashboard: tighten stage-view padding-right to full prose-w (no overlap)
This commit is contained in:
parent
0175882ed6
commit
1160244dfa
2 changed files with 6 additions and 2 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue