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

Round-6 follow-up: UX polish + client-IP fix #26

Merged
developer merged 8 commits from feature/ux-polish-ipfix into development 2026-06-08 21:40:13 +00:00
Conversation 2 Commits 8 Files Changed 26
+7 -5
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 295e45486d - Show all commits
ui/src/components/Header.svelte
+7 -5
View File
@@ -95,14 +95,16 @@
it, BELOW the notch — lining them up vertically with Telegram's own back/menu controls, it, BELOW the notch — lining them up vertically with Telegram's own back/menu controls,
which sit in the band's corners (Stage 17). */ which sit in the band's corners (Stage 17). */
:global(html.tg-fullscreen) .bar { :global(html.tg-fullscreen) .bar {
/* +6px over the content-safe band so Telegram's native controls aren't flush against min-height: var(--tg-content-top);
our header (owner's review tweak, Stage 17). */
min-height: calc(var(--tg-content-top) + 6px);
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding-top: var(--tg-safe-top); /* +12px of vertical breathing room (6 above / 6 below the centred content, on top of the
padding-bottom: 0; notch) so Telegram's native controls aren't flush against our header. Applied as
padding because the bar is sized by its content here, not by min-height (owner review
tweaks, Stage 17). */
padding-top: calc(var(--tg-safe-top) + 6px);
padding-bottom: 6px;
} }
:global(html.tg-fullscreen) .spacer { :global(html.tg-fullscreen) .spacer {
display: none; display: none;