bas/spelljammer-ships
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): make stepper values tappable for direct number input

Browse Source 
Tap the number to type a value directly instead of clicking +/- repeatedly.
Input auto-selects, commits on Enter/blur, cancels on Escape, and clamps
to min/max constraints.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bas van Rossem
2026-02-19 16:41:35 +01:00
parent 79ea720d18
commit 275137cdbb
2 changed files with 67 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/index.css
View File

@@ -362,6 +362,23 @@ button:disabled {
text-align: center;
font-weight: 600;
font-size: 1.1rem;
cursor: pointer;
border-bottom: 1px dashed var(--color-text-muted);
padding: 2px 4px;
border-radius: 2px;
}
.stepper-value:hover {
background: var(--color-surface-hover);
}
.stepper-input {
width: 60px;
text-align: center;
font-weight: 600;
font-size: 1.1rem;
padding: 2px 4px;
height: 30px;
}
/* Dropdown */