refactor(calendar): форма создания/редактирования конференции — в модальное окно
Раньше ConferenceFormCard всегда висела в сайдбаре двухколоночной сетки .layout-grid; теперь открывается в модалке (по образцу ConferenceOccurrenceDialog: modal-overlay/modal-panel, закрытие по клику на оверлей, Escape и возврат фокуса — новый общий хук useModalDismiss). .layout-grid стала одноколоночной — календарь занимает всю ширину.
This commit is contained in:
@@ -417,6 +417,14 @@
|
||||
.modal-actions--split .modal-actions-group { display: flex; gap: var(--space-3); }
|
||||
.modal-actions--split .row-actions { display: flex; align-items: center; gap: var(--space-3); }
|
||||
|
||||
/* Модалка вокруг ConferenceFormCard (`.create-card`, «Мои конференции» и
|
||||
календарь) — сама карточка остаётся визуальной панелью
|
||||
(фон/обводка/радиус/паддинг из calendar.css), здесь только гасим её
|
||||
sticky-позиционирование из десктопного сайдбара и ограничиваем высоту
|
||||
внутри модалки, чтобы скроллилась она сама, а не вся страница. */
|
||||
.modal-form-wrap { width: 100%; max-width: 480px; }
|
||||
.modal-form-wrap .create-card { position: static; max-height: calc(100vh - var(--space-12)); overflow-y: auto; }
|
||||
|
||||
/* Узкий экран: «Удалить» + «Отмена» + «Сохранить» в один ряд не помещаются
|
||||
(в сумме шире содержимого модалки на телефоне) — переносим «Удалить» на
|
||||
свою строку сверху. */
|
||||
|
||||
Reference in New Issue
Block a user