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

Fix wrapping on logo title

Browse source 
- remove beta pill
This commit is contained in:
Vim USDS 2022-09-16 13:37:23 -07:00
parent 54c41b02a9
commit f5f4330919
12 changed files with 16 additions and 124 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/src/components/J40Header/J40Header.module.scss
View file

@ -18,22 +18,8 @@
@include u-display("flex"); @include u-display("flex");
@include u-flex-direction("column"); @include u-flex-direction("column");
@include typeset("sans", 8, 3); @include typeset("sans", 8, 3);
} max-width: 270px;
min-width: 218px;
.title2BetaPill {
@include u-display("flex");
}
.betaPill {
@include u-display("inline-block");
@include u-bg("yellow-20v");
@include u-radius(1);
@include u-padding-left(2);
@include u-padding-right(2);
@include u-padding-top('05');
@include u-margin-left(1);
@include u-font("body", "2xs");
@include u-text('bold')
} }
.navLinks { .navLinks {

9
client/src/components/J40Header/J40Header.tsx
View file

@ -36,7 +36,6 @@ const J40Header = () => {
// Logo text // Logo text
const logoLine1 = intl.formatMessage(COMMON_COPY.HEADER.TITLE_LINE_1); const logoLine1 = intl.formatMessage(COMMON_COPY.HEADER.TITLE_LINE_1);
const logoLine2 = intl.formatMessage(COMMON_COPY.HEADER.TITLE_LINE_2);
/** /**
* State variable to control the toggling of mobile menu button * State variable to control the toggling of mobile menu button
@ -203,17 +202,13 @@ const J40Header = () => {
{/* Logo */} {/* Logo */}
<Grid col={1}> <Grid col={1}>
<img className={styles.logo} src={siteLogo} alt={`${logoLine1} ${logoLine2}`} /> <img className={styles.logo} src={siteLogo} alt={`${logoLine1}`} />
</Grid> </Grid>
{/* Logo Title */} {/* Logo Title */}
<Grid col={6}> <Grid col={6}>
<div className={styles.logoTitle}> <div className={styles.logoTitle}>
<div>{logoLine1}</div> {logoLine1}
<div className={styles.title2BetaPill}>
<div> {logoLine2} </div>
<div className={styles.betaPill}>BETA</div>
</div>
</div> </div>
</Grid> </Grid>

12
client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

9
client/src/data/copy/common.tsx
View file

@ -101,13 +101,8 @@ export const ALERTS = {
export const HEADER = defineMessages({ export const HEADER = defineMessages({
TITLE_LINE_1: { TITLE_LINE_1: {
id: 'common.pages.header.title.line1', id: 'common.pages.header.title.line1',
defaultMessage: `Climate and Economic Justice`, defaultMessage: `Climate and Economic Justice Screening Tool`,
description: 'Navigate to the about page. This is Title in nav header line 1 of 2', description: 'Navigate to the about page. This is Title in nav header',
},
TITLE_LINE_2: {
id: 'common.pages.header.title.line2',
defaultMessage: `Screening Tool`,
description: 'Navigate to the about page. This is Title in nav header line 2 of 2',
}, },
ABOUT: { ABOUT: {
id: 'common.pages.header.about', id: 'common.pages.header.about',

8
client/src/intl/en.json
View file

@ -224,12 +224,8 @@
"description": "Navigate to the about page. This is Header navigate item to the public eng page" "description": "Navigate to the about page. This is Header navigate item to the public eng page"
}, },
"common.pages.header.title.line1": { "common.pages.header.title.line1": {
"defaultMessage": "Climate and Economic Justice", "defaultMessage": "Climate and Economic Justice Screening Tool",
"description": "Navigate to the about page. This is Title in nav header line 1 of 2" "description": "Navigate to the about page. This is Title in nav header"
},
"common.pages.header.title.line2": {
"defaultMessage": "Screening Tool",
"description": "Navigate to the about page. This is Title in nav header line 2 of 2"
}, },
"common.pages.header.tsd": { "common.pages.header.tsd": {
"defaultMessage": "Technical Support Document", "defaultMessage": "Technical Support Document",

12
client/src/pages/tests/__snapshots__/about.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

12
client/src/pages/tests/__snapshots__/contact.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

12
client/src/pages/tests/__snapshots__/downloads.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

12
client/src/pages/tests/__snapshots__/freqAskedQuestions.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

12
client/src/pages/tests/__snapshots__/methodology.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

12
client/src/pages/tests/__snapshots__/publicEng.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div

12
client/src/pages/tests/__snapshots__/techSupportDoc.test.tsx.snap
View file

@ -194,17 +194,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid" data-testid="grid"
> >
<div> <div>
<div> Climate and Economic Justice Screening Tool
Climate and Economic Justice
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div> </div>
</div> </div>
<div <div