Skip to content

OCD-5313 Adjust Footer & Other Styling Elements #1523

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mattystank wants to merge 15 commits into
base: staging
Choose a base branch
from
Open

OCD-5313 Adjust Footer & Other Styling Elements #1523

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
de7414b
feat!: enhance layout with flex properties in AppWrapper and footer
mattystank Jul 20, 2026
b06a78e
feat: integrate ChplPageHeader and ChplPageBody components into surve…
mattystank Jul 20, 2026
752bc3a
feat: refactor activity and questionable activity views to use ChplPa…
mattystank Jul 20, 2026
1265f3b
feat: refactor resource pages to utilize ChplPageHeader and ChplPageB…
mattystank Jul 20, 2026
536f2d8
feat: add loading spinner and skip link for improved accessibility an…
mattystank Jul 20, 2026
6eb9365
feat: add ChplLoadingSpinner component for enhanced loading experience
mattystank Jul 20, 2026
cd54873
refactor: Migrate API, Download, and CMS Lookup pages to shared page …
mattystank Jul 21, 2026
3957de1
Merge remote-tracking branch 'upstream/staging' into OCD-5313
mattystank Jul 21, 2026
4c327b8
refactor: Re-apply resources/reports layout after staging merge
mattystank Jul 21, 2026
ee70f0b
refactor: Enhance ChplPageHeader component with actions and titleAdor…
mattystank Jul 21, 2026
73d008e
refactor: Replace container and header with ChplPageHeader and ChplPa…
mattystank Jul 21, 2026
b38bf73
refactor: Replace Container and Box components with ChplPageHeader an…
mattystank Jul 21, 2026
ba229f8
refactor: Introduce ChplRouteLoading component for route transition h…
mattystank Jul 23, 2026
73acd24
refactor: Remove unused fullHeight prop from ChplLoadingSpinner compo…
mattystank Jul 23, 2026
d506a37
fix: header naming for complaints reporting
mattystank Jul 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 24 additions & 3 deletions src/app/app-wrapper.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
import React from 'react';
import {
ThemeProvider,
makeStyles,
} from '@material-ui/core';
import { bool, node } from 'prop-types';
import { CookiesProvider } from 'react-cookie';
Expand All @@ -19,7 +20,23 @@ import ChplNavigationBottom from 'navigation/navigation-bottom';
import ChplNavigationTop from 'navigation/navigation-top';
import theme from 'themes/theme';

const useStyles = makeStyles({
appContainer: {
display: 'flex',
flexDirection: 'column',
minHeight: '100vh',
},
content: {
flex: '1 0 auto',
display: 'flex',
flexDirection: 'column',
width: '100%',
minWidth: 0,
},
});

function AppWrapper({ children, showQueryTools = DEVELOPER_MODE }) {
const classes = useStyles();
return (
<ThemeProvider theme={theme}>
<SnackbarWrapper>
Expand All @@ -37,9 +54,13 @@ function AppWrapper({ children, showQueryTools = DEVELOPER_MODE }) {
domain: '.healthit.gov',
}}
>
<ChplNavigationTop />
{children}
<ChplNavigationBottom />
<div className={classes.appContainer}>
<ChplNavigationTop />
<div className={classes.content}>
{children}
</div>
<ChplNavigationBottom />
</div>
</CookiesProvider>
</HashProvider>
</AnalyticsProvider>
Expand Down
Loading
Loading