diff options
author | Carl Schwan <carl@carlschwan.eu> | 2022-01-13 20:59:33 +0300 |
---|---|---|
committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2022-01-15 01:34:04 +0300 |
commit | 7c1dfd985067becbafa625cde20623f868568897 (patch) | |
tree | cd12811c9b76bf7c73512d49675d2c16e1b75546 /core/css/public.scss | |
parent | 834385a1907574f7f9ef0945eddb8fcc87bf5bf4 (diff) |
Improve layout for the public download page
This centers the content inside the pages, while also not hardcoded the
size of the footer.
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'core/css/public.scss')
-rw-r--r-- | core/css/public.scss | 31 |
1 files changed, 21 insertions, 10 deletions
diff --git a/core/css/public.scss b/core/css/public.scss index b171dd4970d..31e48f3c7cc 100644 --- a/core/css/public.scss +++ b/core/css/public.scss @@ -1,8 +1,25 @@ -$footer-height: 65px; - #body-public { - .header-right { + min-height: 100vh; + display: flex; + flex-direction: column; + + #content { + flex-grow: 2; + min-height: initial; + /** Center the shared content inside the page */ + &.app-files_sharing { + justify-content: center; + align-items: center; + #app-content { + min-height: inherit; + padding-left: 1rem; + padding-right: 1rem; + } + } + } + + .header-right { #header-primary-action a { color: var(--color-primary-text); } @@ -35,12 +52,6 @@ $footer-height: 65px; } } - #content { - // 100% - footer - min-height: calc(100% - #{$footer-height}); - - } - /** don't apply content header padding on the base layout */ &.layout-base #content { padding-top: 0; @@ -72,8 +83,8 @@ $footer-height: 65px; display: flex; align-items: center; justify-content: center; - height: $footer-height; flex-direction: column; + padding: 0.5rem; p { text-align: center; color: var(--color-text-lighter); |