From 3e0d2d8b4dcde4c49af09136fc432c28cacc46df Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 24 Nov 2025 21:28:48 -0600 Subject: [PATCH] Include bottom inset on the modal and footer, too Makes sure everything moves together on mobile --- app/assets/stylesheets/bar.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/bar.css b/app/assets/stylesheets/bar.css index fb508d98d..86183ccb0 100644 --- a/app/assets/stylesheets/bar.css +++ b/app/assets/stylesheets/bar.css @@ -10,7 +10,7 @@ font-size: 0.9em; inset: auto 0 0 0; max-block-size: 100%; - padding-block: calc(var(--block-space) + env(safe-area-inset-bottom)); + padding-block: var(--block-space) calc(var(--block-space) + env(safe-area-inset-bottom)); padding-inline: calc(var(--tray-size) + calc(var(--inline-space) * 3) + env(safe-area-inset-left)) calc(var(--tray-size) + calc(var(--inline-space) * 3) + env(safe-area-inset-right)); @@ -48,7 +48,7 @@ inline-size: 100vw; inset: auto 0 0 0; max-inline-size: 100vw; - margin-block-end: calc(var(--footer-height) - 0.3rem); + margin-block-end: calc(var(--footer-height) - 0.3rem + env(safe-area-inset-bottom)); position: fixed; z-index: -1;