Merge pull request #34408 from nextcloud/backport/34396/stable25

[stable25] Fix positioning of the public page footer

Author: juliusknorr

apps/files_sharing/css/public.css

@@ -1,6 +1,7 @@
 @use 'variables';
 
 $footer-height: 65px;
+$footer-padding-height: 16px;
 $download-button-section-height: 200px;
 
 #preview {
@@ -30,7 +31,7 @@ $download-button-section-height: 200px;
 }
 
 #imgframe img {
-	max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height}) !important;
+	max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height} - #{$footer-padding-height}) !important;
 	max-width: 100% !important;
 	width: unset !important;
 }
@@ -40,7 +41,7 @@ $download-button-section-height: 200px;
 }
 
 #imgframe video {
-	max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height});
+	max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height} - #{$footer-padding-height});
 }
 
 #imgframe audio {
@@ -82,6 +83,11 @@ $download-button-section-height: 200px;
 	max-height: 100%;
 }
 
+
+.app-files_sharing #app-content footer {
+	position: sticky !important;
+}
+
 /* fix multiselect bar offset on shared page */
 thead {
 	left: 0 !important;

apps/files_sharing/css/public.css.map

@@ -69,7 +69,7 @@ $footer-height: 65px;
 
 	/* public footer */
 	footer {
-		position: sticky !important;
+		position: fixed;
 		display: flex;
 		align-items: center;
 		justify-content: center;