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

Update copy and sidepanel (#1305)

Browse source 
* Update copy and sidepanel

- modify map legend, add color key and circle stroke
- add Higher ed to sidepanel
- remove coercion of 0 to N/A on sidepanel
- update snapshots

* Make send feedback open in new tab
This commit is contained in:
Vim 2022-02-17 22:15:12 -05:00 • committed by GitHub
commit 41715ef6e6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 311 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

19
client/src/components/MapLegend/index.tsx
View file

@ -9,14 +9,19 @@ const MapLegend = () => {
const intl = useIntl();
return (
<div className={styles.legendContainer}>
<DisadvantageDot isBig={true} />
<div className={styles.legendTextBox}>
<div className={'j40-h4'}>
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_LABEL)}
<div>
Color key
</div>
<div className={styles.legendRow}>
<DisadvantageDot isBig={true} />
<div className={styles.legendTextBox}>
<div className={'j40-h4'}>
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_LABEL)}
</div>
<p className={'secondary'}>
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_DESCRIPT)}
</p>
</div>
<p className={'secondary'}>
{intl.formatMessage(EXPLORE_COPY.LEGEND.PRIORITY_DESCRIPT)}
</p>
</div>
</div>
);

19
client/src/components/MapLegend/mapLegend.module.scss
View file

@ -2,16 +2,19 @@
.legendContainer {
display: flex;
flex-direction: column;
border: 1px solid #DFE1E2;
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 1rem 0 1rem 2.5rem;
padding: 0 1.5rem 1rem 1.5rem;
.legendRow{
display: flex;
.legendTextBox {
// Set maximum width for text area so that blue dot
// doesn't lose aspect ratio
flex-basis: 88%;
}
@media screen and (max-width: 640px) {
margin: 1rem 0 0;
.legendTextBox {
// Set maximum width for text area so that blue dot
// doesn't lose aspect ratio
flex-basis: 88%;
}
}
}

1
client/src/components/MapLegend/mapLegend.module.scss.d.ts vendored
View file

@ -2,6 +2,7 @@ declare namespace HowYouCanHelpModuleScssNamespace {
export interface IHowYouCanHelpModuleScss {
legendContainer: string;
legendTextBox: string;
legendRow: string;
}
}

27
client/src/components/MapLegend/tests/__snapshots__/mapLegend.test.tsx.snap
View file

@ -3,22 +3,27 @@
exports[`rendering of the MapLegend checks if snapshots have changed 1`] = `
<DocumentFragment>
<div>
<div />
<div>
<div
class="j40-h4"
>
Disadvantaged community
</div>
<p
class="secondary"
>
Color key
</div>
<div>
<div />
<div>
<div
class="j40-h4"
>
Disadvantaged community
</div>
<p
class="secondary"
>
Communities identified as disadvantaged by the tool are those that are marginalized, underserved,
and overburdened by pollution. These communities are at or above the combined thresholds in one or
more of eight categories of criteria.
</p>
</p>
</div>
</div>
</div>
</DocumentFragment>