-#body-public {
- min-height: 100vh;
- display: flex;
- flex-direction: column;
-
- #content {
- flex-grow: 2;
- min-height: initial;
-
- /** Center the shared content inside the page */
- &.app-files_sharing {
- justify-content: center;
- align-items: center;
- #app-content {
- min-height: inherit;
- padding-left: 1rem;
- padding-right: 1rem;
- }
- }
- }
+$footer-height: 65px;
+#body-public {
.header-right {
+
#header-primary-action a {
color: var(--color-primary-text);
}
}
}
+ #content {
+ // 100% - footer
+ min-height: calc(100% - #{$footer-height});
+
+ }
+
/** don't apply content header padding on the base layout */
&.layout-base #content {
padding-top: 0;
display: flex;
align-items: center;
justify-content: center;
+ height: $footer-height;
flex-direction: column;
- padding: 0.5rem;
p {
text-align: center;
color: var(--color-text-lighter);