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

fix(ui): right-align the confirm-move glyph under the preview caption
CI / changes (pull_request) Successful in 2s
Details
CI / unit (pull_request) Successful in 9s
Details
CI / integration (pull_request) Successful in 15s
Details
CI / ui (pull_request) Successful in 52s
Details
CI / gate (pull_request) Successful in 0s
Details
CI / deploy (pull_request) Successful in 1m7s
Details

Browse Source 
The ✅ box already ended at var(--pad) from the screen edge, but place-items:
center centred the glyph inside the 56px box, so it sat ~14px left of the green
preview caption (.scores, text-align:right at the same var(--pad)). Right-align
the glyph (place-items: center end) so its right edge lands under the caption's.
This commit is contained in:
Ilia Denisov
2026-06-19 09:17:39 +02:00
parent ab1ad998aa
commit b5688d4848
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/game/Game.svelte
+4 -2
View File
@@ -1471,14 +1471,16 @@
min-width: 0;
}
/* A borderless icon button (like the tab bar), not a filled accent button — and disabled
while the pending word is known to be illegal. */
while the pending word is known to be illegal. The glyph is right-aligned within its box so
its right edge lands under the right edge of the preview caption above it (both sit at
var(--pad) from the screen edge — .status and .rack-row share that padding). */
.make {
min-width: 56px;
background: none;
color: var(--text);
border: none;
display: grid;
place-items: center;
place-items: center end;
font-size: 1.8rem;
}
.make:disabled {