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:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user