fix(join): кнопка «Ввести другую ссылку или номер» вылезала за карточку
.btn держит white-space: nowrap — на остальных кнопках экрана join текст короткий, а на экране «конференция завершена» кнопка не обёрнута в форму (в отличие от Продолжить/Войти) и не получает от неё ширину, поэтому длинная фраза без переноса выталкивала кнопку за правый край карточки на узких экранах.
This commit is contained in:
@@ -55,6 +55,14 @@
|
||||
.field.has-error input { border-color: var(--color-danger); box-shadow: 0 0 0 3px rgba(199, 54, 79, 0.1); }
|
||||
.error-msg { display: flex; align-items: center; gap: 6px; margin-top: var(--space-2); font: var(--text-body); color: var(--color-danger); }
|
||||
|
||||
/* Кнопка «Ввести другую ссылку или номер» (экран «конференция завершена») —
|
||||
единственная кнопка на экране БЕЗ формы-обёртки (Продолжить/Войти лежат
|
||||
в <form>, которая как block-элемент задаёт им ширину; здесь у .btn нет
|
||||
родителя-формы). .btn держит white-space: nowrap (shell.css) — на
|
||||
остальных кнопках текст короткий и это не заметно, а здесь длинная фраза
|
||||
выталкивала кнопку за правый край карточки на узких экранах. */
|
||||
.flow-card > .btn-primary { width: 100%; white-space: normal; text-align: center; }
|
||||
|
||||
.link-back { display: block; text-align: center; margin-top: var(--space-5); font: var(--text-body); font-weight: 600; color: var(--color-ink-500); text-decoration: none; background: none; border: none; width: 100%; cursor: pointer; }
|
||||
.link-back:hover { color: var(--color-ink-700); }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user