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

TG-fullscreen header: add height via padding (min-height wasn't binding), +12px breathing room
CI / changes (pull_request) Successful in 1s
Details
CI / unit (pull_request) Successful in 8s
Details
CI / integration (pull_request) Successful in 12s
Details
CI / ui (pull_request) Successful in 33s
Details
CI / gate (pull_request) Successful in 0s
Details
CI / deploy (pull_request) Successful in 1m10s
Details

Browse Source
This commit is contained in:
Ilia Denisov
2026-06-08 22:22:43 +02:00
parent a132edd40a
commit 295e45486d
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
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;