From 5a8f62c72ede049f07c9e8f212d2d0f11aef73cc Mon Sep 17 00:00:00 2001
From: Saurabh Kumar <theskumar@users.noreply.github.com>
Date: Fri, 11 Nov 2022 15:58:17 +0530
Subject: [PATCH] Fix the footer display for the small main screen
---
hypha/static_src/src/sass/apply/components/_wrapper.scss | 1 +
hypha/static_src/src/sass/public/components/_wrapper.scss | 5 +++++
2 files changed, 6 insertions(+)
diff --git a/hypha/static_src/src/sass/apply/components/_wrapper.scss b/hypha/static_src/src/sass/apply/components/_wrapper.scss
index 8bd755f43..026779c9f 100644
--- a/hypha/static_src/src/sass/apply/components/_wrapper.scss
+++ b/hypha/static_src/src/sass/apply/components/_wrapper.scss
@@ -18,6 +18,7 @@
&--main {
padding: 0 $mobile-gutter;
+ min-height: calc(100vh - 260px - 160px); // viewport - (header + footer)
@include media-query(desktop) {
padding: 0;
diff --git a/hypha/static_src/src/sass/public/components/_wrapper.scss b/hypha/static_src/src/sass/public/components/_wrapper.scss
index 428104817..8824a0d38 100644
--- a/hypha/static_src/src/sass/public/components/_wrapper.scss
+++ b/hypha/static_src/src/sass/public/components/_wrapper.scss
@@ -18,6 +18,7 @@
&--main {
padding: 0 20px;
+ min-height: calc(100vh - 410px - 160px);
}
&--admin {
@@ -258,3 +259,7 @@
z-index: 10;
}
}
+
+.header--light-bg ~ .wrapper--main {
+ min-height: calc(100vh - 260px - 160px);
+}
--
GitLab