publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-03 02:04:19 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Minimal refactor to make maps wider (#149)

Browse source 
Not particularly pretty, but it works.
This commit is contained in:
TomNUSDS 2021-06-17 07:31:18 -07:00 • committed by GitHub
commit e7ccd35aa6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 146 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

13
client/src/components/layout.tsx
View file

@ -11,6 +11,11 @@ interface ILayoutProps {
}
const Layout = ({children, location}: ILayoutProps) => {
const isWidthFullPage = location.pathname.endsWith('/cejst');
const conditionalAside = isWidthFullPage ? <></> : <J40Aside/>;
const gridCssClass = isWidthFullPage ? ' desktop:grid-col-12' :
'desktop:grid-col-9';
return (
<URLFlagProvider location={location}>
<J40Header/>
@ -18,12 +23,10 @@ const Layout = ({children, location}: ILayoutProps) => {
className={'j40-grid-container'}>
<Grid row>
<main id={'main-content'}
className={'usa-layout-docs desktop:grid-col-9 j40-main-content'}>
<section className={'usa-prose'}>
{children}
</section>
className={'usa-layout-docs j40-main-content ' + gridCssClass}>
{children}
</main>
<J40Aside/>
{conditionalAside}
</Grid>
</GridContainer>
<J40Footer/>

1
client/src/components/map.module.scss
View file

@ -1,4 +1,5 @@
.mapContainer {
height: 676px;
margin-bottom: 29px;
max-width: revert;
}