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/guestview.scss b/css/layouts/guestview.scss index 950010b..8518eb2 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,15 +88,23 @@ .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) { + 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/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 diff --git a/css/layouts/public.scss b/css/layouts/public.scss index e100100..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 { @@ -44,19 +47,31 @@ 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; + + @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 { @@ -69,4 +84,13 @@ .photos-navigation { padding: 1.5rem 2rem !important; } + + footer { + transform: unset; + width: 100%; + + &.guest-box { + top: unset; + } + } } \ No newline at end of file