fix public view

Signed-off-by: szaimen <szaimen@e.mail.de>

Author: szaimen

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});
 	max-width: 100% !important;
+	width: unset;
+}
+
+#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;