developer/scrabble-game
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

UI: remove the lobby game-row tap highlight
CI / changes (pull_request) Successful in 2s
Details
CI / unit (pull_request) Successful in 8s
Details
CI / integration (pull_request) Successful in 12s
Details
CI / ui (pull_request) Successful in 44s
Details
CI / gate (pull_request) Successful in 0s
Details
CI / deploy (pull_request) Successful in 56s
Details

Browse Source 
A tap/click on a lobby game row flashed a highlight on both tappable areas (the
open body and the right chevron/kebab), and the .open:active background lingered
while the finger was held — pointless feedback that only spoiled the look. Drop
the held :active background and set -webkit-tap-highlight-color: transparent on
the row's buttons.
This commit is contained in:
Ilia Denisov
2026-06-11 22:58:37 +02:00
parent 92f48a3b12
commit 883212f9d1
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/screens/Lobby.svelte
+7 -2
View File
@@ -324,8 +324,13 @@
user-select: none; user-select: none;
touch-action: pan-y; /* keep vertical list scroll; we only read horizontal swipes */ touch-action: pan-y; /* keep vertical list scroll; we only read horizontal swipes */
} }
.open:active { /* A tap/click on a game row leaves no highlight: drop the WebKit tap-flash on
background: var(--surface-2); both tappable areas (the open body and the chevron / kebab) and the held
:active background, which added nothing and only spoiled the look. */
.open,
.chev,
.kebab {
-webkit-tap-highlight-color: transparent;
} }
.kebab { .kebab {
flex: 0 0 auto; flex: 0 0 auto;