B3-3: Mobile responsiveness — Leaflet + ECharts на планшете #66

New issue

Closed

opened 2026-05-11 20:34:30 +00:00 by lekss361 · 0 comments

lekss361 commented

2026-05-11 20:34:30 +00:00

(Migrated from github.com)

Эшелон: 🎨 Frontend / UX

Зачем

Директора и инвест-аналитики смотрят со смартфона на встречах. Leaflet карта и ECharts часто рвутся на мобильных. Демо на планшете во время встречи — реальный use case.

Что сделать

Аудит каждой страницы

Chrome DevTools 375px (iPhone SE), 768px (iPad), 1024px (iPad Pro landscape)
Скриншот before/after

Минимум для пилотов

/site-finder — должна работать на iPad
/analytics/recommend — на iPad
/concept (когда B1-4 готов) — на iPad

Известные проблемы

Leaflet map height: viewport-relative
ECharts: resize handler на window.resize
Fixed-width containers — конвертация в flexbox/grid
Touch interactions для drag-polygon (B1-4) — особое внимание

Низший приоритет

Mobile phone (375px) — nice-to-have, B2B обычно на ноутбуках

Acceptance

5 ключевых страниц работают на iPad без horizontal scroll
Карта Leaflet usable на touch
Все CTA доступны без zoom

Owner

frontend-engineer

Effort

~2 дня

**Эшелон:** 🎨 Frontend / UX ## Зачем Директора и инвест-аналитики смотрят со смартфона на встречах. Leaflet карта и ECharts часто рвутся на мобильных. Демо на планшете во время встречи — реальный use case. ## Что сделать ### Аудит каждой страницы - Chrome DevTools 375px (iPhone SE), 768px (iPad), 1024px (iPad Pro landscape) - Скриншот before/after ### Минимум для пилотов - `/site-finder` — должна работать на iPad - `/analytics/recommend` — на iPad - `/concept` (когда B1-4 готов) — на iPad ### Известные проблемы - Leaflet map height: viewport-relative - ECharts: resize handler на window.resize - Fixed-width containers — конвертация в flexbox/grid - Touch interactions для drag-polygon (B1-4) — особое внимание ### Низший приоритет - Mobile phone (375px) — nice-to-have, B2B обычно на ноутбуках ## Acceptance - [ ] 5 ключевых страниц работают на iPad без horizontal scroll - [ ] Карта Leaflet usable на touch - [ ] Все CTA доступны без zoom ## Owner `frontend-engineer` ## Effort ~2 дня