fix public view

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

apps/files/css/files.scss

@@ -1282,6 +1282,7 @@ table.dragshadow td.size {
 	#view-toggle {
 		position: absolute;
 		right: 0;
+		top: 0;
 	}
 }
 

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;

core/css/public.scss

@@ -14,6 +14,7 @@ $footer-height: 65px;
 			#header-actions-toggle {
 				background-color: transparent;
 				border-color: transparent;
+				filter: var(--background-invert-if-dark);
 
 				&:hover,
 				&:focus,