From bbf8bed95bf0fe836393366c539ad7b286eda93e Mon Sep 17 00:00:00 2001 From: "@suet-kei.chan" Date: Fri, 8 May 2026 09:42:15 +0200 Subject: [PATCH 1/4] fix: hide viewer footer when text/markdown file is open The footer was already hidden in the app but appears to still be visible on mobile web view. Adding explicit CSS to hide the footer and reset its height variable to 0 when data-handler="text" is active, to test and confirm the fix. --- css/apps/viewer.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/css/apps/viewer.scss b/css/apps/viewer.scss index e324f345..ec4defa3 100644 --- a/css/apps/viewer.scss +++ b/css/apps/viewer.scss @@ -17,6 +17,14 @@ .viewer__content { height: calc(100vh - var(--header-height) - var(--footer-height)); } + + &[data-handler="text"] { + --footer-height: 0px; + + .viewer__footer { + display: none; + } + } .modal-header { From 5b39ebf63ab9d99304603d9ba97da12dbb4b35b7 Mon Sep 17 00:00:00 2001 From: "@suet-kei.chan" Date: Fri, 8 May 2026 17:14:31 +0200 Subject: [PATCH 2/4] fix: hide main footer when viewer is open for all file types The #telekom-minimal-footer is a fixed element in , separate from the #viewer container. The previous fix incorrectly targeted .viewer__footer inside #viewer which had no effect on the visible footer. The correct fix uses :has() to detect when the viewer is actively open (data-handler attribute is set only when a file is open) and hides the #telekom-minimal-footer for all file types, preventing it from overlapping the viewer on mobile web. --- css/apps/viewer.scss | 7 ------- css/layouts/footer.scss | 4 ++++ 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/css/apps/viewer.scss b/css/apps/viewer.scss index ec4defa3..ddb5b121 100644 --- a/css/apps/viewer.scss +++ b/css/apps/viewer.scss @@ -18,13 +18,6 @@ height: calc(100vh - var(--header-height) - var(--footer-height)); } - &[data-handler="text"] { - --footer-height: 0px; - - .viewer__footer { - display: none; - } - } .modal-header { diff --git a/css/layouts/footer.scss b/css/layouts/footer.scss index 9ed1e3ec..7fc6c194 100644 --- a/css/layouts/footer.scss +++ b/css/layouts/footer.scss @@ -18,6 +18,10 @@ footer { --footer-font: var(--default-font-style-bold); } +body:has(#viewer[data-handler]) #telekom-minimal-footer { + display: none; +} + footer[role="contentinfo"] { background-color: var(--color-main-background); display: block; From fef388b6b8f3c13c8b446d6e5ec77f66a5f3ef25 Mon Sep 17 00:00:00 2001 From: "@suet-kei.chan" Date: Fri, 8 May 2026 17:15:31 +0200 Subject: [PATCH 3/4] style: remove extra blank line in viewer.scss --- css/apps/viewer.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/css/apps/viewer.scss b/css/apps/viewer.scss index ddb5b121..b50b94d1 100644 --- a/css/apps/viewer.scss +++ b/css/apps/viewer.scss @@ -18,7 +18,6 @@ height: calc(100vh - var(--header-height) - var(--footer-height)); } - .modal-header { &__name { From 61845e103c9a4a4e1858475f4b02f6f3b12e3ec3 Mon Sep 17 00:00:00 2001 From: "@suet-kei.chan" Date: Fri, 8 May 2026 17:16:33 +0200 Subject: [PATCH 4/4] style: fix trailing whitespace in viewer.scss --- css/apps/viewer.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/apps/viewer.scss b/css/apps/viewer.scss index b50b94d1..e324f345 100644 --- a/css/apps/viewer.scss +++ b/css/apps/viewer.scss @@ -17,7 +17,7 @@ .viewer__content { height: calc(100vh - var(--header-height) - var(--footer-height)); } - + .modal-header { &__name {