diff options
Diffstat (limited to 'apps/files_sharing/css/public.scss')
| -rw-r--r-- | apps/files_sharing/css/public.scss | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss index 588a11d30a7..39c0401407c 100644 --- a/apps/files_sharing/css/public.scss +++ b/apps/files_sharing/css/public.scss @@ -1,5 +1,8 @@ @use 'variables'; +$footer-height: 65px; +$download-button-section-height: 200px; + #preview { text-align: center; } @@ -27,8 +30,13 @@ } #imgframe img { - max-height: 100% !important; + max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height}) !important; max-width: 100% !important; + width: unset !important; +} + +#imgframe video { + max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height}); } #imgframe audio { @@ -42,7 +50,7 @@ position: relative; text-align: left; white-space: pre-wrap; - overflow-y: hidden; + overflow-y: scroll; height: auto; min-height: 200px; max-height: 800px; @@ -61,6 +69,11 @@ max-height: 100%; } +// Fix footer overlapping with app-content +.app-files_sharing #app-content { + max-height: calc(100vh - var(--header-height) - #{$footer-height}); +} + /* fix multiselect bar offset on shared page */ thead { left: 0 !important; |