Merge pull request #694 from sonaliTekdi/webapp_changes

Bug #227994 - [webapp] Footer is misalligned on some of the pages. PFA
NIUANULP · Oct 14, 2024 · 73d23f6 · 73d23f6
2 parents cc5989d + 987dcd2
commit 73d23f6
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 7 deletions.
diff --git a/packages/nulp_elite/src/components/Footer.js b/packages/nulp_elite/src/components/Footer.js
@@ -161,7 +161,17 @@ export default function Footer() {
         </Box>
       </Box>
         <Box
-          className="xs-hide footer"
+          className="xs-hide"
+          style={{
+            background: "#065872",
+            color: "#fff",
+            padding: "15px 15px 13px",
+            marginTop: "auto",
+            position: 'absolute',
+            bottom: '0px',
+            width:'100%',
+            boxSizing: 'border-box'
+          }}
         >
           <Grid container spacing={2}>
             <Grid

diff --git a/packages/nulp_elite/src/pages/content/joinCourse.js b/packages/nulp_elite/src/pages/content/joinCourse.js
@@ -991,7 +991,7 @@ const JoinCourse = () => {
     <div>
       <Header />
       {toasterMessage && <ToasterCommon response={toasterMessage} />}
-      <Box sx={{ height: "calc(100vh - 210px)", overflowY: "auto" }}>
+      <Box>
         <Snackbar
           open={showEnrollmentSnackbar}
           autoHideDuration={6000}

diff --git a/packages/nulp_elite/src/styles/style.css b/packages/nulp_elite/src/styles/style.css
@@ -7,14 +7,19 @@
   src: url("../fonts/Poppins-Bold.ttf");
   src: url("../fonts/Poppins-Medium.ttf");
 }
-
+#root {
+  min-height: 100vh;
+}
+#root>div:first-child {
+  min-height: 100vh;
+  padding-bottom: 135px;
+}
 body {
   font-family: "Poppins", sans-serif !important;
   font-weight: 500;
   font-style: normal;
   background: #ffbc0154;
-  height: 100%;
-  margin: 0;
+  min-height: 100vh;
 }
 
 body,
@@ -3740,6 +3745,19 @@ input:required::after {
 background-color: #fff;
 padding: 30px;
 border-radius: 4px;
-border: 1px solid #15353f;
+border: 4px solid #15353f;
 margin: 10px;
-}
+animation: blink-border 1s infinite alternate;
+}
+
+@keyframes blink-border {
+  0% {
+    border-color: #15353f;
+  }
+  50% {
+    border-color: #0e7a9c;
+  }
+  100% {
+    border-color: #15353f;
+  }
+}