Fixed footer behavior to stick to bottom of viewport

This was only detectable on longer pages. Expanding the footer made the page taller by expanding the footer below the bottom edge of the viewport. Now we are using the sticky position to ensure that the footer is settled at the bottom.
cisagov · Sep 30, 2024 · ba79b22 · ba79b22
1 parent 3592c22
commit ba79b22
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 12 deletions.
diff --git a/CSETWebNg/angular.json b/CSETWebNg/angular.json
@@ -86,7 +86,14 @@
           },
           "configurations": {
             "development": {
-              "optimization": true,
+              "optimization": {
+                "scripts": true,
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                },
+                "fonts": true
+              },
               "sourceMap": true,
               "namedChunks": true,
               "extractLicenses": true,
@@ -112,7 +119,14 @@
                   "maximumWarning": "400kb"
                 }
               ],
-              "optimization": true,
+              "optimization": {
+                "scripts": true,
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                },
+                "fonts": true
+              },
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
@@ -134,7 +148,14 @@
                   "maximumWarning": "6kb"
                 }
               ],
-              "optimization": true,
+              "optimization": {
+                "scripts": true,
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                },
+                "fonts": true
+              },
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
@@ -240,5 +261,5 @@
     ],
     "cache": {
       "enabled": false
-  }
-}
+    }
+  }
diff --git a/CSETWebNg/src/app/layout/cf-layout-main/cf-layout-main.component.html b/CSETWebNg/src/app/layout/cf-layout-main/cf-layout-main.component.html
@@ -66,7 +66,7 @@
 
 
     <!-- Footer -->
-    <div class="accordion" id="accordionFooter">
+    <div class="accordion sticky-footer" id="accordionFooter">
       <div class="text-center">
         <h4 class="accordion-header pb-1" id="headingOne">
           <button id="footerExpanderButton" class="cset-footer-expand-button"

diff --git a/CSETWebNg/src/app/layout/cie-layout-main/cie-layout-main.component.html b/CSETWebNg/src/app/layout/cie-layout-main/cie-layout-main.component.html
@@ -67,7 +67,7 @@
 
 
     <!-- Footer -->
-    <div class="accordion" id="accordionFooter">
+    <div class="accordion sticky-footer" id="accordionFooter">
       <div class="text-center">
         <h4 class="accordion-header pb-1" id="headingOne">
           <button id="footerExpanderButton" class="cset-footer-expand-button"

diff --git a/CSETWebNg/src/app/layout/iod-layout/iod-layout.component.html b/CSETWebNg/src/app/layout/iod-layout/iod-layout.component.html
@@ -76,7 +76,7 @@
 
 
     <!-- Footer -->
-    <div class="accordion" id="accordionFooter">
+    <div class="accordion sticky-footer" id="accordionFooter">
       <div class="text-center">
         <h4 class="accordion-header pb-1" id="headingOne">
           <button id="footerExpanderButton" class="cset-footer-expand-button"

diff --git a/CSETWebNg/src/app/layout/layout-main/layout-main.component.html b/CSETWebNg/src/app/layout/layout-main/layout-main.component.html
@@ -71,7 +71,7 @@
     </div>
 
     <!-- Footer -->
-    <div class="accordion" id="accordionFooter">
+    <div class="accordion sticky-footer" id="accordionFooter">
       <div class="text-center">
         <h4 class="accordion-header pb-1" id="headingOne">
           <button id="footerExpanderButton" class="cset-footer-expand-button"

diff --git a/CSETWebNg/src/app/layout/renew-layout-main/renew-layout-main.component.html b/CSETWebNg/src/app/layout/renew-layout-main/renew-layout-main.component.html
@@ -67,7 +67,7 @@
 
 
     <!-- Footer -->
-    <div class="accordion" id="accordionFooter">
+    <div class="accordion sticky-footer" id="accordionFooter">
       <div class="text-center">
         <h4 class="accordion-header pb-1" id="headingOne">
           <button id="footerExpanderButton" class="cset-footer-expand-button"

diff --git a/CSETWebNg/src/app/layout/rra-layout-main/rra-layout-main.component.html b/CSETWebNg/src/app/layout/rra-layout-main/rra-layout-main.component.html
@@ -200,7 +200,7 @@
 
 
         <!-- Footer -->
-        <div class="accordion" id="accordionFooter">
+        <div class="accordion sticky-footer" id="accordionFooter">
           <div class="text-center">
             <h4 class="accordion-header pb-1" id="headingOne">
               <button id="footerExpanderButton" class="cset-footer-expand-button"

diff --git a/CSETWebNg/src/app/layout/tsa-layout-main/tsa-layout-main.component.html b/CSETWebNg/src/app/layout/tsa-layout-main/tsa-layout-main.component.html
@@ -65,7 +65,7 @@
 
 
     <!-- Footer -->
-    <div class="accordion" id="accordionFooter">
+    <div class="accordion sticky-footer" id="accordionFooter">
       <div class="text-center">
         <h4 class="accordion-header pb-1" id="headingOne">
           <button id="footerExpanderButton" class="cset-footer-expand-button"