Use bottom inset

... fixes content being stuck behind the tab bar in apps
2026-01-23 12:15:31 +01:00
parent ff9e617f34
commit 97a1c29b0c
2 changed files with 10 additions and 1 deletions
@@ -232,7 +232,7 @@
    overflow-y: auto;

    .is-expanded & {
-      padding: var(--column-padding);
+      padding: var(--column-padding) var(--column-padding) calc(var(--column-padding) + var(--custom-safe-inset-bottom));

      /* Use the rest of the column height for scrolling */
      @media (max-width: 639px) {
@@ -8,6 +8,15 @@
      display: none;
    }

+    /* Layout
+    /* ------------------------------------------------------------------------ */
+
+    &:not(.contained-scrolling) {
+      #main {
+        padding-block-end: var(--custom-safe-inset-bottom);
+      }
+    }
+
    /* Header
    /* ------------------------------------------------------------------------ */