From 2d33e22faf5f8cc206cd1fdbf7efb181abe53c0f Mon Sep 17 00:00:00 2001 From: Piyush Date: Tue, 17 Feb 2026 14:10:35 +0000 Subject: [PATCH 1/3] guest page ui fixes --- css/apps/files.scss | 42 +++++++++++++++++++++++++++++++++++++++++ css/apps/sharing.scss | 1 + css/layouts/header.scss | 4 ++++ 3 files changed, 47 insertions(+) diff --git a/css/apps/files.scss b/css/apps/files.scss index 92512d6..942ee2f 100644 --- a/css/apps/files.scss +++ b/css/apps/files.scss @@ -1470,4 +1470,46 @@ table.files-filestable { } } } + + .files-list__header--public { + &+.files-list{ + .files-list__filters { + display: none; + } + + table { + thead > tr > th { + &.files-list__row-mime { + display: none; + } + } + tbody > tr > td { + &.files-list__row-actions { + .action-item--tertiary { + [data-cy-files-list-row-action="sharing-popup"] { + display: none !important; + } + } + } + + &.files-list__row-mime { + display: none; + } + } + } + + .v-popper__popper { + ul { + li { + &[data-cy-files-list-row-action="sharing-popup-menu"] { + display: none; + } + &[data-cy-files-list-row-action="sharing-manage"] { + display: none; + } + } + } + } + } + } } diff --git a/css/apps/sharing.scss b/css/apps/sharing.scss index 666462a..678248f 100644 --- a/css/apps/sharing.scss +++ b/css/apps/sharing.scss @@ -193,6 +193,7 @@ display: block; height: 100%; width: 100%; + filter: brightness(0) invert(1) !important; &.icon-default { background-image: var(--icon-link-dark); diff --git a/css/layouts/header.scss b/css/layouts/header.scss index 10310d4..1204180 100644 --- a/css/layouts/header.scss +++ b/css/layouts/header.scss @@ -372,4 +372,8 @@ header { font-weight: bold; line-height: 1.25; } + + .public-page-user-menu, .header-menu{ + display: none; + } } \ No newline at end of file From a7a7761737ad1a5e50e9e9e170d0da0b14e47015 Mon Sep 17 00:00:00 2001 From: Piyush Date: Wed, 18 Feb 2026 08:55:46 +0000 Subject: [PATCH 2/3] guest view footer fixes --- css/layouts/guestview.scss | 6 +++--- css/layouts/public.scss | 26 +++++++++++++++++--------- 2 files changed, 20 insertions(+), 12 deletions(-) diff --git a/css/layouts/guestview.scss b/css/layouts/guestview.scss index 950010b..1165b8f 100644 --- a/css/layouts/guestview.scss +++ b/css/layouts/guestview.scss @@ -68,7 +68,7 @@ right: 1rem; bottom: 24px; height: 46px; - max-width: calc(100% - 4rem); + max-width: 100%; z-index: 998; border-top: 1px solid var(--color-border); padding: 0.5rem 1rem; @@ -88,10 +88,10 @@ .footer-content { display: flex; - justify-content: space-between; align-content: center; flex-wrap: wrap; - gap: 1rem; + gap: 5rem; + line-height: 1.5rem; @media screen and (max-width: $breakpoint-mobile-small) { flex-direction: column; diff --git a/css/layouts/public.scss b/css/layouts/public.scss index e100100..e2b25eb 100644 --- a/css/layouts/public.scss +++ b/css/layouts/public.scss @@ -44,19 +44,18 @@ footer[role=contentinfo] { background-color: var(--color-main-background); - border-radius: 0px 0px 0.5rem 0.5rem; + display: block; font: var(--footer-font); position: fixed; - margin: 0; - left: 1rem; - right: 1rem; - bottom: 24px; - max-height: 60px; - max-width: calc(100% - 2rem); + left: 0; + right: 0; + bottom: 0; + height: 42px; + width: 100%; z-index: 998; border-top: 1px solid var(--color-border); - padding: 1rem; - display: block; + padding: 0.5rem 1.5rem; + box-sizing: border-box; } .app-photos #app-content-vue .files-list-viewer li { @@ -69,4 +68,13 @@ .photos-navigation { padding: 1.5rem 2rem !important; } + + footer { + transform: unset; + width: 100%; + + &.guest-box { + top: unset; + } + } } \ No newline at end of file From 10197097553b3c94e75d77f220cc8e04bcbe7a83 Mon Sep 17 00:00:00 2001 From: Piyush Date: Wed, 18 Feb 2026 09:13:41 +0000 Subject: [PATCH 3/3] guest view footer fixes for mobile view --- css/layouts/guestview.scss | 26 +++++++++++++++++++++++--- css/layouts/public.scss | 16 ++++++++++++++++ 2 files changed, 39 insertions(+), 3 deletions(-) diff --git a/css/layouts/guestview.scss b/css/layouts/guestview.scss index 1165b8f..8518eb2 100644 --- a/css/layouts/guestview.scss +++ b/css/layouts/guestview.scss @@ -93,10 +93,18 @@ gap: 5rem; line-height: 1.5rem; + @media screen and (max-width: $breakpoint-mobile) { + gap: 1.5rem; + } + @media screen and (max-width: $breakpoint-mobile-small) { - flex-direction: column; - align-content: first baseline; gap: 0.5rem; + font-size: 0.875rem; + } + + @media screen and (max-width: 400px) { + gap: 0.25rem; + font-size: 0.75rem; } #notice { @@ -109,7 +117,19 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - gap: 16px; + gap: 1.5rem; + + @media screen and (max-width: $breakpoint-mobile-small) { + flex-wrap: nowrap; + gap: 0.25rem; + justify-content: flex-start; + font-size: 0.75rem; + } + + @media screen and (max-width: 400px) { + gap: 0.125rem; + font-size: 0.75rem; + } } } } diff --git a/css/layouts/public.scss b/css/layouts/public.scss index e2b25eb..b67787a 100644 --- a/css/layouts/public.scss +++ b/css/layouts/public.scss @@ -6,6 +6,9 @@ * SPDX-License-Identifier: AGPL-3.0-or-later * Note: Take care of Telekom branding restrictions! */ +@import '../_mixins.scss'; +@import '../variables'; + #body-public { #nextcloud { @@ -56,6 +59,19 @@ border-top: 1px solid var(--color-border); padding: 0.5rem 1.5rem; box-sizing: border-box; + + @media screen and (max-width: $breakpoint-mobile) { + height: auto; + min-height: 46px; + } + + @media screen and (max-width: $breakpoint-mobile-small) { + border-radius: 0; + left: 0; + right: 0; + bottom: 0; + max-width: 100%; + } } .app-photos #app-content-vue .files-list-viewer li {