fix footer

szaimen · szaimen · commit 9b82a30aa63e · 2022-10-03T15:37:14.000+02:00
Signed-off-by: szaimen &lt;szaimen@e.mail.de&gt;
diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
@@ -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;

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`@use 'variables';`
`2`	`2`
`3`	`3`	`$footer-height: 65px;`
	`4`	`+$footer-padding-height: 16px;`
`4`	`5`	`$download-button-section-height: 200px;`
`5`	`6`
`6`	`7`	`#preview {`
`@@ -30,7 +31,7 @@ $download-button-section-height: 200px;`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`#imgframe img {`
`33`		`- max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height}) !important;`
	`34`	`+ max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height} - #{$footer-padding-height}) !important;`
`34`	`35`	`max-width: 100% !important;`
`35`	`36`	`width: unset !important;`
`36`	`37`	`}`
`@@ -40,7 +41,7 @@ $download-button-section-height: 200px;`
`40`	`41`	`}`
`41`	`42`
`42`	`43`	`#imgframe video {`
`43`		`- max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height});`
	`44`	`+ max-height: calc(100vh - var(--header-height) - #{$footer-height} - #{$download-button-section-height} - #{$footer-padding-height});`
`44`	`45`	`}`
`45`	`46`
`46`	`47`	`#imgframe audio {`
`@@ -82,6 +83,11 @@ $download-button-section-height: 200px;`
`82`	`83`	`max-height: 100%;`
`83`	`84`	`}`
`84`	`85`
	`86`	`+`
	`87`	`+.app-files_sharing #app-content footer {`
	`88`	`+ position: sticky !important;`
	`89`	`+}`
	`90`	`+`
`85`	`91`	`/* fix multiselect bar offset on shared page */`
`86`	`92`	`thead {`
`87`	`93`	`left: 0 !important;`