heaven/vojo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(telegram-widget): stack password row column on mobile so the show toggle does not overflow off the right edge

Browse source
This commit is contained in:
heaven 2026-05-21 13:43:11 +03:00
parent 055b7d3692
commit 8d8b39e897
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/widget-telegram/src/styles.css
View file

@ -742,6 +742,21 @@ body {
width: 100%; width: 100%;
} }
/* PasswordForm wraps its input + show/hide toggle in `.password-row`
* so the toggle pill sits next to the input on desktop. On narrow
* viewports that nested row stays row-direction with `flex-shrink: 0`
* on `.btn-icon`, and the input's monospace `font-size: 20px` +
* `letter-spacing: 4px` (see `.auth-input.password`) pushes the toggle
* off-screen. Continue the same column-stack pattern the outer
* `.auth-card-row` already uses so the toggle drops below the input
* full-width — visually consistent with btn-primary / btn-text. */
.password-row {
flex-direction: column;
}
.password-row .btn-icon {
width: 100%;
}
/* Compact .command-card on mobile — preserves the «two-row title + /* Compact .command-card on mobile — preserves the «two-row title +
* chevron» structure but trims padding so a single login/logout card * chevron» structure but trims padding so a single login/logout card
* doesn't dominate a phone-height viewport. */ * doesn't dominate a phone-height viewport. */