bolyai/CIS490
3
0
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity Actions

training/dashboard(vaporwave): strip overzealous contain/translateZ that hid the grid

Browse source
This commit is contained in:
Max Gorog 2026-05-07 23:32:16 -05:00
parent 004ce5f50a
commit 446add0df7
2 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
training/dashboard/static/dashboard.css
View file

@ -188,20 +188,17 @@ body[data-theme="laser"] .bg-laser { display: block; }
top: var(--vw-horizon, 55%); bottom: -10%;
perspective: 800px;
overflow: hidden;
contain: strict;
transform: translateZ(0);
will-change: transform;
}
.vw-floor-tilt {
position: absolute; inset: 0 0 -50% 0;
transform: rotateX(var(--vw-perspective, 62deg)) translateZ(0);
transform: rotateX(var(--vw-perspective, 62deg));
transform-origin: top center;
}
.vw-floor-grid {
position: absolute; left: 0; right: 0; top: 0; height: 200%;
/* 3px lines: bigger pixel footprint = far less subpixel
sensitivity. Pattern is drawn once; only the layer offset
animates. */
/* 3px lines: bigger pixel footprint = less subpixel sensitivity.
Pattern is drawn once; only the translate animates so the
compositor can keep this on its own layer. */
background-image:
repeating-linear-gradient(
to bottom,
@ -213,7 +210,6 @@ body[data-theme="laser"] .bg-laser { display: block; }
var(--c2) calc(var(--vw-grid-size, 80px) - 3px) var(--vw-grid-size, 80px));
animation: vw-floor-y calc(4s / var(--anim-speed, 1)) linear infinite;
will-change: transform;
backface-visibility: hidden;
}
@keyframes vw-floor-y {
from { transform: translate3d(0, 0, 0); }

2
training/dashboard/static/index.html
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=dd92c026">
<link rel="stylesheet" href="/static/dashboard.css?v=6f11d4db">
</head>
<body>
<!-- SVG filter defs for the lava-lamp goo effect. Width/height 0