updated footer

The footer now shows under the content for all pages. The user page under export now shows footer under it instead of cutting it off.
cisagov · Sep 13, 2023 · 3bd72f1 · 3bd72f1
1 parent 631ff77
commit 3bd72f1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/src/components/Footer/styleFooter.ts b/frontend/src/components/Footer/styleFooter.ts
@@ -11,7 +11,7 @@ export const footerClasses = {
 };
 export const FooterRoot = styled('div')(({ theme }) => ({
   [`& .${footerClasses.footerBox}`]: {
-    position: 'absolute',
+    position: 'sticky',
     bottom: 0,
     width: '100%',
     backgroundColor: theme.palette.primary.main
@@ -21,7 +21,7 @@ export const FooterRoot = styled('div')(({ theme }) => ({
     alignItems: 'center',
     justifyContent: 'center',
     margin: '0 auto',
-    maxWidth: '1444px'
+    maxWidth: '1444px',
   },
   [`& .${footerClasses.footerLogo}`]: {
     display: 'flex',

diff --git a/frontend/src/components/FooterOriginal.tsx b/frontend/src/components/FooterOriginal.tsx
@@ -14,6 +14,7 @@ export const CrossfeedFooter: React.FC = () => {
         alignItems={'center'}
         justifyContent={'center'}
         style={{
+          position: 'sticky',
           margin: '0 auto',
           marginTop: '1rem',
           maxWidth: '1444px'