Skip to content
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

Jump to bottom

Make CASEI mobile-friendly #673

Merged
merged 7 commits into from
Aug 2, 2024
Merged

Make CASEI mobile-friendly #673

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
83e0675
Implement mobile header, adjust other styles
LanesGood Jul 24, 2024
02d8ca0
Responsive footer styles
LanesGood Jul 26, 2024
f749957
Update page body layout, hero responsiveness
LanesGood Jul 26, 2024
0b117bb
Page responsiveness
LanesGood Jul 26, 2024
c0ebe4e
Update snapshots
LanesGood Jul 26, 2024
d19dada
Responsive styles for tabbar, hero, buttons, links & more
LanesGood Jul 29, 2024
9c66277
Update snapshots
LanesGood Jul 29, 2024
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
11 changes: 6 additions & 5 deletions src/components/__tests__/__snapshots__/chip.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`Chip renders with action 1`] = `
<div
className="chip___StyledDiv-sc-4ga8fx-0 hrdWGh"
className="chip___StyledDiv-sc-4ga8fx-0 cqOzva"
data-cy="filter-chip"
>
<small
Expand All @@ -11,19 +11,20 @@ exports[`Chip renders with action 1`] = `
Weather
</small>
<button
className="button__Clickable-sc-1yw7vig-0 button___StyledClickable2-sc-1yw7vig-1 fRqvWm kXXfwm"
className="button__Clickable-sc-1yw7vig-0 button___StyledClickable2-sc-1yw7vig-1 fRqvWm jFCEpa"
data-cy="remove-filter"
onClick={[Function]}
type="button"
>
<span
aria-label="remove-filter-icon"
className="button___StyledSpan-sc-1yw7vig-3 lnRQLV"
role="img"
>
<svg
height="12px"
height="16"
viewBox="0 0 16 16"
width="12px"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<polygon
Expand All @@ -38,7 +39,7 @@ exports[`Chip renders with action 1`] = `

exports[`Chip renders without action 1`] = `
<div
className="chip___StyledDiv-sc-4ga8fx-0 hrdWGh"
className="chip___StyledDiv-sc-4ga8fx-0 cqOzva"
data-cy="filter-chip"
>
<small
Expand Down
28 changes: 15 additions & 13 deletions src/components/__tests__/__snapshots__/data-section.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`Data Section matches snapshot 1`] = `
<section
className="section__Container-sc-1oozlr5-0 bIfvkW"
className="section__Container-sc-1oozlr5-0 fOmBFm"
data-cy="data-section"
mode="darkTheme"
>
Expand All @@ -11,7 +11,7 @@ exports[`Data Section matches snapshot 1`] = `
id="data"
/>
<div
className="section-header___StyledDiv-sc-1i4pe2i-0 SXaMi"
className="section-header___StyledDiv-sc-1i4pe2i-0 cVNCrb"
data-cy="data-section-header"
>
<a
Expand All @@ -23,7 +23,7 @@ exports[`Data Section matches snapshot 1`] = `
</a>
</div>
<div
className="section__SectionContent-sc-1oozlr5-2 ivTKjv"
className="section__SectionContent-sc-1oozlr5-2 fHLdbu"
mode="darkTheme"
>
<p>
Expand All @@ -42,7 +42,7 @@ exports[`Data Section matches snapshot 1`] = `
className="data-section___StyledDiv-sc-11szotn-0 qHvyW"
>
<div
className="filter-box___StyledDiv-sc-1n4l7nk-0 koGaSP"
className="filter-box___StyledDiv-sc-1n4l7nk-0 kWcCTh"
>
<span
id="Campaigns"
Expand Down Expand Up @@ -93,7 +93,7 @@ exports[`Data Section matches snapshot 1`] = `
</div>
</div>
<div
className="filter-box___StyledDiv-sc-1n4l7nk-0 koGaSP"
className="filter-box___StyledDiv-sc-1n4l7nk-0 kWcCTh"
>
<span
id="Platforms"
Expand Down Expand Up @@ -145,10 +145,10 @@ exports[`Data Section matches snapshot 1`] = `
</div>
</div>
<div
className="data-section___StyledDiv2-sc-11szotn-1 cOIOPW"
className="data-section___StyledDiv2-sc-11szotn-1 HIsGX"
>
<div
className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
data-cy="data-product"
>
<div>
Expand Down Expand Up @@ -200,7 +200,7 @@ exports[`Data Section matches snapshot 1`] = `
</div>
</div>
<div
className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
data-cy="data-product"
>
<div>
Expand All @@ -211,7 +211,7 @@ exports[`Data Section matches snapshot 1`] = `
CAMP2Ex P-3 Remotely Sensed Aerosol Data
</label>
<a
className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
data-cy="doi-link"
href="http://dx.doi.org/10.5067/Airborne/CAMP2Ex_Aerosol_AircraftRemoteSensing_P3_Data_1"
rel="noopener noreferrer"
Expand All @@ -238,7 +238,9 @@ exports[`Data Section matches snapshot 1`] = `
fill="#aac9ff"
/>
</svg>
<span>
<span
className="external-link___StyledSpan-sc-3ezy1s-1 gYHqzm"
>
10.5067/Airborne/CAMP2Ex_Aerosol_AircraftRemoteSensing_P3_Data_1
</span>
</a>
Expand Down Expand Up @@ -283,7 +285,7 @@ exports[`Data Section matches snapshot 1`] = `
</div>
</div>
<div
className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
data-cy="data-product"
>
<div>
Expand Down Expand Up @@ -335,7 +337,7 @@ exports[`Data Section matches snapshot 1`] = `
</div>
</div>
<div
className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
data-cy="data-product"
>
<div>
Expand Down Expand Up @@ -387,7 +389,7 @@ exports[`Data Section matches snapshot 1`] = `
</div>
</div>
<div
className="data-section___StyledDiv3-sc-11szotn-2 KRmSO"
className="data-section___StyledDiv3-sc-11szotn-2 kYcAOi"
data-cy="data-product"
>
<div>
Expand Down
72 changes: 35 additions & 37 deletions src/components/__tests__/__snapshots__/footer.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,15 @@

exports[`Footer renders correctly 1`] = `
<footer
className="footer___StyledFooter-sc-p4lrvs-2 gvKLaO"
className="footer__PageFooter-sc-p4lrvs-0 iGQidj"
data-cy="page-footer"
>
<div
className="footer___StyledDiv-sc-p4lrvs-3 irzJlc"
className="footer__PageFooterInner-sc-p4lrvs-1 ekVidU"
>
<div
className="footer___StyledDiv2-sc-p4lrvs-4 fvMgqH"
>
<div>
<div
className="footer___StyledDiv3-sc-p4lrvs-5 iHlXaS"
className="footer___StyledDiv-sc-p4lrvs-4 iAhPYw"
data-cy="footer-title"
>
NASA | CASEI
Expand All @@ -27,16 +25,15 @@ exports[`Footer renders correctly 1`] = `
</p>
</div>
<div
className="footer___StyledDiv4-sc-p4lrvs-6 fEgwOa"
data-cy="footer-explore"
>
<p
className="footer__Headline-sc-p4lrvs-1 huPSJz"
className="footer__Headline-sc-p4lrvs-3 fAfnvh"
>
Explore
</p>
<ul
className="footer__Ul-sc-p4lrvs-0 gJnPLs"
className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
>
<li>
<a
Expand All @@ -63,7 +60,7 @@ exports[`Footer renders correctly 1`] = `
</a>
</li>
<li
className="footer___StyledLi-sc-p4lrvs-7 cLywhE"
className="footer___StyledLi-sc-p4lrvs-5 cOBauy"
>
<a
data-cy="footer-coming-soon-link"
Expand All @@ -74,17 +71,14 @@ exports[`Footer renders correctly 1`] = `
</li>
</ul>
</div>
<div
className="footer___StyledDiv5-sc-p4lrvs-8 dlarCn"
data-cy="footer-resources"
>
<div>
<p
className="footer__Headline-sc-p4lrvs-1 huPSJz"
className="footer__Headline-sc-p4lrvs-3 fAfnvh"
>
Resources
</p>
<ul
className="footer__Ul-sc-p4lrvs-0 gJnPLs"
className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
>
<li>
<a
Expand All @@ -96,16 +90,15 @@ exports[`Footer renders correctly 1`] = `
</ul>
</div>
<div
className="footer___StyledDiv6-sc-p4lrvs-9 kvWjsj"
data-cy="footer-quick-links"
>
<p
className="footer__Headline-sc-p4lrvs-1 huPSJz"
className="footer__Headline-sc-p4lrvs-3 fAfnvh"
>
Quick Links
</p>
<ul
className="footer__Ul-sc-p4lrvs-0 gJnPLs"
className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
>
<li>
<a
Expand All @@ -123,7 +116,7 @@ exports[`Footer renders correctly 1`] = `
</li>
<li>
<a
className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
data-cy="api documentation-link"
href="https://nasa-impact.github.io/admg-backend/documentation/api_doc.html"
rel="noopener noreferrer"
Expand All @@ -150,28 +143,29 @@ exports[`Footer renders correctly 1`] = `
fill="#aac9ff"
/>
</svg>
<span>
<span
className="external-link___StyledSpan-sc-3ezy1s-1 gYHqzm"
>
API Documentation
</span>
</a>
</li>
</ul>
</div>
<div
className="footer___StyledDiv7-sc-p4lrvs-10 egifOX"
data-cy="footer-organizations"
>
<p
className="footer__Headline-sc-p4lrvs-1 huPSJz"
className="footer__Headline-sc-p4lrvs-3 fAfnvh"
>
Organizations
</p>
<ul
className="footer__Ul-sc-p4lrvs-0 gJnPLs"
className="footer__FooterSectionNavList-sc-p4lrvs-2 fWDbTw"
>
<li>
<a
className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
data-cy="admg-website-link"
href="https://earthdata.nasa.gov/esds/impact/admg"
rel="noopener noreferrer"
Expand All @@ -198,14 +192,16 @@ exports[`Footer renders correctly 1`] = `
fill="#aac9ff"
/>
</svg>
<span>
<span
className="external-link___StyledSpan-sc-3ezy1s-1 gYHqzm"
>
ADMG Website
</span>
</a>
</li>
<li>
<a
className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
data-cy="impact-website-link"
href="https://earthdata.nasa.gov/esds/impact"
rel="noopener noreferrer"
Expand All @@ -232,21 +228,21 @@ exports[`Footer renders correctly 1`] = `
fill="#aac9ff"
/>
</svg>
<span>
<span
className="external-link___StyledSpan-sc-3ezy1s-1 gYHqzm"
>
IMPACT Website
</span>
</a>
</li>
</ul>
</div>
<hr
className="footer___StyledHr-sc-p4lrvs-11 eoPdla"
/>
<hr />
<div
className="footer___StyledDiv8-sc-p4lrvs-12 ssMNC"
className="footer___StyledDiv2-sc-p4lrvs-6 grPBXa"
>
<div
className="footer___StyledDiv9-sc-p4lrvs-13 fIhhKf"
className="footer___StyledDiv3-sc-p4lrvs-7 iuXYQY"
>
<a
aria-label="Visit nasa.gov (opens in a new window)"
Expand All @@ -268,7 +264,7 @@ exports[`Footer renders correctly 1`] = `
NASA Official:

<span
className="footer___StyledSpan-sc-p4lrvs-14 dznhzw"
className="footer___StyledSpan-sc-p4lrvs-8 kOgjsV"
>
Rahul Ramachandran
</span>
Expand All @@ -278,15 +274,15 @@ exports[`Footer renders correctly 1`] = `
</div>
</div>
<div
className="footer___StyledDiv10-sc-p4lrvs-15 hmTsNQ"
className="footer___StyledDiv4-sc-p4lrvs-9 imNSLA"
data-cy="footer-credit-devseed"
>
©
2024
, Built by

<a
className="external-link___StyledA-sc-3ezy1s-0 iQSFnp"
className="external-link___StyledA-sc-3ezy1s-0 cuaQiH"
data-cy="devseed-website-link"
href="https://www.developmentseed.org"
rel="noopener noreferrer"
Expand All @@ -313,7 +309,9 @@ exports[`Footer renders correctly 1`] = `
fill="#aac9ff"
/>
</svg>
<span>
<span
className="external-link___StyledSpan-sc-3ezy1s-1 gYHqzm"
>
Development Seed
</span>
</a>
Expand Down
Loading
Loading