From 3c36a45d57d0065533e1553347627549a4046998 Mon Sep 17 00:00:00 2001 From: Max Ronzhin Date: Sun, 26 Jul 2026 04:38:51 +0300 Subject: [PATCH] =?UTF-8?q?fix(join):=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA?= =?UTF-8?q?=D0=B0=20=C2=AB=D0=92=D0=B2=D0=B5=D1=81=D1=82=D0=B8=20=D0=B4?= =?UTF-8?q?=D1=80=D1=83=D0=B3=D1=83=D1=8E=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA?= =?UTF-8?q?=D1=83=20=D0=B8=D0=BB=D0=B8=20=D0=BD=D0=BE=D0=BC=D0=B5=D1=80?= =?UTF-8?q?=C2=BB=20=D0=B2=D1=8B=D0=BB=D0=B5=D0=B7=D0=B0=D0=BB=D0=B0=20?= =?UTF-8?q?=D0=B7=D0=B0=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .btn держит white-space: nowrap — на остальных кнопках экрана join текст короткий, а на экране «конференция завершена» кнопка не обёрнута в форму (в отличие от Продолжить/Войти) и не получает от неё ширину, поэтому длинная фраза без переноса выталкивала кнопку за правый край карточки на узких экранах. --- frontend/src/styles/join.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/src/styles/join.css b/frontend/src/styles/join.css index baedee2..f5458db 100644 --- a/frontend/src/styles/join.css +++ b/frontend/src/styles/join.css @@ -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); } +/* Кнопка «Ввести другую ссылку или номер» (экран «конференция завершена») — + единственная кнопка на экране БЕЗ формы-обёртки (Продолжить/Войти лежат + в
, которая как 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); }