fix(pwa): safe-area padding for full-screen page-replacement modals

Юзер обнаружил, что при поиске работ (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 (диалоги, фото-вьюверы) намеренно не задеты.
This commit is contained in:
2026-05-25 12:13:30 +10:00
parent 087693877d
commit 9642eb6e45
+9
View File
@@ -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);
}
}