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 {
|
.fixed.top-0 {
|
||||||
top: env(safe-area-inset-top);
|
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