diff options
| author | Fuwn <[email protected]> | 2026-05-19 00:56:18 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-19 00:56:18 +0000 |
| commit | 9f95dc45eec1e4f8ef0bf8a118454646d1a8c507 (patch) | |
| tree | 86688c9ba9bb613825676f0499755dd329a1a2be /src | |
| parent | feat(nav): float header as a corner hamburger under 800px (diff) | |
| download | due.moe-9f95dc45eec1e4f8ef0bf8a118454646d1a8c507.tar.xz due.moe-9f95dc45eec1e4f8ef0bf8a118454646d1a8c507.zip | |
fix(a11y): bump command palette result rows to 44px on touch
Result rows are <a>, not <button>, so the global input.css coarse
-pointer height bump did not cascade. Adds a scoped pointer:coarse
block that lifts vertical padding from 0.5em to 0.875em (~46px tall
at the palette's 1.05em base) and trims row margin so the taller
rows do not double-space.
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/CommandPalette/CommandPalette.svelte | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/lib/CommandPalette/CommandPalette.svelte b/src/lib/CommandPalette/CommandPalette.svelte index faa739a4..b68d468d 100644 --- a/src/lib/CommandPalette/CommandPalette.svelte +++ b/src/lib/CommandPalette/CommandPalette.svelte @@ -380,4 +380,11 @@ const handleGlobalKey = (e: KeyboardEvent) => { .dropdown-content a.selected { background-color: var(--base01); } + + @media (pointer: coarse) { + .dropdown-content a { + padding: 0.875em 1em; + margin: 0.25em 0.75em; + } + } </style> |