diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2022-01-13 18:59:33 +0100 |
|---|---|---|
| committer | Carl Schwan <carl@carlschwan.eu> | 2022-01-13 19:18:15 +0100 |
| commit | 2e55ce089954bdab483cb1564a4b00b79b705346 (patch) | |
| tree | 3b5e58663a2ebc17bef382d797e793bb6422d306 /core | |
| parent | 4432709092bd14655e69fdd958172a09d902acbe (diff) | |
| download | nextcloud-server-2e55ce089954bdab483cb1564a4b00b79b705346.tar.gz nextcloud-server-2e55ce089954bdab483cb1564a4b00b79b705346.zip | |
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')
| -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); |