UI: taller tg-fullscreen header + labelled hub tabs
CI / changes (pull_request) Successful in 2s
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 56s
CI / changes (pull_request) Successful in 2s
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 56s
- tg-fullscreen: +20px header height — without the (removed) hamburger the title bar lost its bulk and sat flush on Telegram's native nav band. - Settings/Comms hub tabs gain text labels under the icons (Settings / Profile / Friends / Info and Chat / Dictionary); the icon is aria-hidden so the label names the button. New i18n keys about.tab, game.dictionary.
This commit is contained in:
@@ -105,14 +105,14 @@
|
||||
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. */
|
||||
:global(html.tg-fullscreen) .bar {
|
||||
min-height: var(--tg-content-top);
|
||||
/* The bar spans the Telegram nav band and then **+20px** past --tg-content-top, so the
|
||||
native controls aren't flush against our content. Without the (removed) hamburger the
|
||||
title alone left the bar sitting right on the band; the extra height restores the gap.
|
||||
padding-top clears the notch; the title centres in the band. (Owner-tunable height.) */
|
||||
min-height: calc(var(--tg-content-top) + 20px);
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* +12px of vertical breathing room (6 above / 6 below the centred content, on top of the
|
||||
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). */
|
||||
padding-top: calc(var(--tg-safe-top) + 6px);
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user