fix(tradein): collapse CRM block + density so input form fits laptops #943

Merged

lekss361 merged 1 commit from fix/tradein-form-fit-laptops into main

2026-06-01 08:02:48 +00:00

lekss361 commented

2026-06-01 08:00:25 +00:00

Owner

Follow-up к #942 (логотип + скролл, уже смержен). Клиент: блок ввода не помещается на страницу не только на Mac.

Проблема

Форма ввода (10 полей + CRM-блок «для менеджера» 221px) выше .form-card (max-height: calc(100vh-104px)) на ноутбуках:

1440×900: переполнение 58px
13″ MacBook @100% (~800px): ~158px
На Full-HD (1080) влезает. Смерженный скролл-фикс делал кнопку достижимой, но форма всё равно не помещалась без скролла.

Фикс

CRM-блок свёрнут по умолчанию (EstimateForm.tsx): «CRM — для менеджера» (собственность / ипотека / имя / телефон) теперь сворачиваемый — кнопка-тоггл с шевроном (aria-expanded), по клику раскрывается. Поля менеджера опциональны → экономит ~152px.
Лёгкое уплотнение (trade-in.css): .field margin-bottom 12→9, .form-body padding 16/8→14/6, .form-foot padding 12/16→10/12.

Результат (проверено вживую на проде, injection-симуляция)

Высота формы 854 → 646px. Влезает без скролла:

Вьюпорт	maxH	fits
1440×900	796	✅
1366×768	664	✅
13″ MacBook @100% (800)	696	✅
1280×720	616	⤵ fallback на скролл-фикс из #942

tsc --noEmit clean. Pre-commit hooks passed. Прежнее поведение (раскрытый CRM) доступно по клику — данные менеджера не потеряны.

После merge — deploy-tradein.yml пересоберёт фронт.

Follow-up к #942 (логотип + скролл, уже смержен). Клиент: блок ввода не помещается на страницу не только на Mac. ## Проблема Форма ввода (10 полей + CRM-блок «для менеджера» 221px) выше `.form-card` (`max-height: calc(100vh-104px)`) на ноутбуках: - **1440×900**: переполнение 58px - **13″ MacBook @100% (~800px)**: ~158px - На Full-HD (1080) влезает. Смерженный скролл-фикс делал кнопку достижимой, но форма всё равно не помещалась без скролла. ## Фикс - **CRM-блок свёрнут по умолчанию** (`EstimateForm.tsx`): «CRM — для менеджера» (собственность / ипотека / имя / телефон) теперь сворачиваемый — кнопка-тоггл с шевроном (`aria-expanded`), по клику раскрывается. Поля менеджера опциональны → экономит ~152px. - **Лёгкое уплотнение** (`trade-in.css`): `.field` margin-bottom 12→9, `.form-body` padding 16/8→14/6, `.form-foot` padding 12/16→10/12. ## Результат (проверено вживую на проде, injection-симуляция) Высота формы **854 → 646px**. Влезает без скролла: | Вьюпорт | maxH | fits | |---|---|---| | 1440×900 | 796 | ✅ | | 1366×768 | 664 | ✅ | | 13″ MacBook @100% (800) | 696 | ✅ | | 1280×720 | 616 | ⤵ fallback на скролл-фикс из #942 | `tsc --noEmit` clean. Pre-commit hooks passed. Прежнее поведение (раскрытый CRM) доступно по клику — данные менеджера не потеряны. После merge — `deploy-tradein.yml` пересоберёт фронт.

lekss361 added 1 commit 2026-06-01 08:00:25 +00:00

fix(tradein): collapse CRM block + density so form fits laptops 702f322b22

Форма ввода (10 полей + CRM-блок 221px) не помещалась в .form-card
(max-height 100vh-104px) на ноутбуках: переполнение 58px @1440×900,
~158px @13" MacBook. CRM «для менеджера» теперь сворачиваемый (по умолчанию
закрыт, открывается по клику) + лёгкое уплотнение отступов (.field 12→9,
form-body/foot padding). Высота формы 854→646px → влезает без скролла на
1366×768 / 1440×900 / 13" MacBook @100%. Sub-720 — fallback на скролл-фикс
из этой же ветки. Проверено вживую (injection) на проде, tsc --noEmit clean.