From 0f265a04f3f97381e2620eb5ecf38e4b2f000ac9 Mon Sep 17 00:00:00 2001 From: Michael Geers Date: Fri, 14 Aug 2026 12:51:09 +0200 Subject: [PATCH] UI: fix sessions table covering heading in app (#32830) --- assets/index.html | 6 ++++-- assets/js/components/Sessions/SessionTable.vue | 8 ++++---- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/assets/index.html b/assets/index.html index 081b376b6..d322cbc8e 100644 --- a/assets/index.html +++ b/assets/index.html @@ -2,13 +2,15 @@ - + - diff --git a/assets/js/components/Sessions/SessionTable.vue b/assets/js/components/Sessions/SessionTable.vue index beb0a4ec8..94cc36233 100644 --- a/assets/js/components/Sessions/SessionTable.vue +++ b/assets/js/components/Sessions/SessionTable.vue @@ -506,19 +506,19 @@ export default defineComponent({ z-index: 1; } .sticky-top { - top: 7rem; + top: calc(7rem + var(--safe-area-inset-top)); } @media (--lg-and-up) { .sticky-top { - top: 4.5rem; + top: calc(4.5rem + var(--safe-area-inset-top)); } } .sticky-top th { - padding-top: max(0.5rem, env(safe-area-inset-top)); + padding-top: 0.5rem; } .table-outer { position: relative; - top: calc(max(0.5rem, env(safe-area-inset-top)) * -1); + top: -0.5rem; } .month-header { position: relative;