justinzeus/spreadlab
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web: hide native number spinners; slower, fully staggered rounds

Browse source 
Per Justin: the native number-input spinners rendered as light boxes on
the dark theme, so they are gone app-wide (typing and arrow keys keep
working). Playback pacing: rounds now take 1000 ms at 1x, appearance
moments spread across 95% of the interval via a murmur3-style
full-avalanche hash, and each dot fades over 30% of the interval, so a
round reads as a continuous trickle instead of a flash.
This commit is contained in:
Justin Visser 2026-06-10 18:26:28 +02:00
parent d9b3812306
commit 3a4e21b701
4 changed files with 27 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/src/assets/main.css
View file

@ -72,6 +72,19 @@ button {
font-family: inherit;
}
/* The native number-input spinners render as light boxes that clash with
the dark theme and crowd the compact fields; arrow keys and typing keep
working without them. */
input[type='number'] {
appearance: textfield;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
appearance: none;
margin: 0;
}
.visually-hidden {
position: absolute;
width: 1px;