UI: fix tg-fullscreen header height via padding-top
CI / changes (pull_request) Successful in 1s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 38s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 59s
CI / changes (pull_request) Successful in 1s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 38s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 59s
min-height was the wrong lever: in Telegram the title is the bar's only child (the back chevron is hidden), so the bar is sized by padding+content and min-height (the nav-band height) never binds — the earlier bump did nothing. Drop the title clear of the native nav band with padding-top instead (notch + a 20px gap, was +6), and revert the min-height change.
This commit is contained in:
@@ -105,15 +105,16 @@
|
|||||||
is unchanged) and centres the title within it, BELOW the notch — lining it up vertically
|
is unchanged) and centres the title within it, BELOW the notch — lining it up vertically
|
||||||
with Telegram's own back/menu controls, which sit in the band's corners. */
|
with Telegram's own back/menu controls, which sit in the band's corners. */
|
||||||
:global(html.tg-fullscreen) .bar {
|
:global(html.tg-fullscreen) .bar {
|
||||||
/* The bar spans the Telegram nav band and then **+20px** past --tg-content-top, so the
|
/* The bar is sized by its content + padding — in Telegram the title is the only child (the
|
||||||
native controls aren't flush against our content. Without the (removed) hamburger the
|
back chevron is hidden), so min-height (the nav-band height) doesn't bind. Without the
|
||||||
title alone left the bar sitting right on the band; the extra height restores the gap.
|
(removed) hamburger that content shrank and the bar sat flush under Telegram's native nav
|
||||||
padding-top clears the notch; the title centres in the band. (Owner-tunable height.) */
|
band. So **padding-top** is the lever: it drops the title clear of the band — the notch
|
||||||
min-height: calc(var(--tg-content-top) + 20px);
|
plus a **+20px** gap (was +6). (Owner-tunable: bump the +20px.) */
|
||||||
|
min-height: var(--tg-content-top);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: calc(var(--tg-safe-top) + 6px);
|
padding-top: calc(var(--tg-safe-top) + 26px);
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
}
|
}
|
||||||
:global(html.tg-fullscreen) .spacer {
|
:global(html.tg-fullscreen) .spacer {
|
||||||
|
|||||||
Reference in New Issue
Block a user