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

training/dashboard(theme): align wheel conic start to 12 o'clock to match marker math

Browse source 
Conic gradient was 'from -90deg' which puts the gradient origin at
9 o'clock; the JS positionMarker uses (H - 90)° so H=0 lands at 12
o'clock. The two were offset by exactly 90°, which is why the color
under the marker on the wheel didn't match the marker's own swatch.
This commit is contained in:
Max Gorog 2026-05-08 01:38:46 -05:00
parent 153860f1db
commit 0a3feaae68
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -374,8 +374,12 @@ body[data-theme="laser"] .bg-laser { display: block; }
}
.wheel-disc {
position: absolute; inset: 0; border-radius: 50%;
/* Conic starts from 0deg = 12 o'clock (top). Was previously
`from -90deg` which puts the gradient origin at 9 o'clock —
a 90° offset from where the JS marker code expects it
(positionMarker uses (H - 90)°, so H=0 lands at the top). */
background: conic-gradient(
from -90deg,
from 0deg,
oklch(var(--theme-l) var(--theme-c) 0),
oklch(var(--theme-l) var(--theme-c) 60),
oklch(var(--theme-l) var(--theme-c) 120),

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