From 9642eb6e45999e54c383a0424ccede2fb04920c2 Mon Sep 17 00:00:00 2001 From: vladtechno Date: Mon, 25 May 2026 12:13:30 +1000 Subject: [PATCH] fix(pwa): safe-area padding for full-screen page-replacement modals MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Юзер обнаружил, что при поиске работ (worksPicker в Create/EditRepairPage) шапка с инпутом всё ещё уезжает под status-bar. Эти модалки и аналоги (PhotoAnnotateStep, ZoneDetailView, InspectionEditor) используют fixed inset-0 — моё прежнее правило для .fixed.top-0 их не покрывало. Добавил отдельный селектор для .fixed.inset-0.bg-background[/\95]; bg-black/40·50·90 (диалоги, фото-вьюверы) намеренно не задеты. --- mechanic-pwa/frontend/src/index.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/mechanic-pwa/frontend/src/index.css b/mechanic-pwa/frontend/src/index.css index 6f8cbf4..bd4570f 100644 --- a/mechanic-pwa/frontend/src/index.css +++ b/mechanic-pwa/frontend/src/index.css @@ -47,4 +47,13 @@ .fixed.top-0 { top: env(safe-area-inset-top); } + /* Full-screen page-replacement модалки (fixed inset-0 с app background) — + поиск работ, аннотация фото, zone-detail, inspection-editor. Шапка внутри + должна сидеть ниже status-bar, нижние кнопки выше home-indicator. + bg-black/40·50·90 диалоги/просмотрщики не задеваем — у них inset-0 full-bleed. */ + .fixed.inset-0.bg-background, + .fixed.inset-0.bg-background\/95 { + padding-top: env(safe-area-inset-top); + padding-bottom: env(safe-area-inset-bottom); + } }