From 1208d74eac9c53182e1948610a930e02e8c254f6 Mon Sep 17 00:00:00 2001 From: awellsbiz Date: Sat, 12 Aug 2023 17:01:14 -0700 Subject: [PATCH 1/5] hyperlinks and copy updated for before you begin --- products/statement-generator/public/locales/en/translation.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/products/statement-generator/public/locales/en/translation.json b/products/statement-generator/public/locales/en/translation.json index 4769d936..933b2d41 100644 --- a/products/statement-generator/public/locales/en/translation.json +++ b/products/statement-generator/public/locales/en/translation.json @@ -46,7 +46,7 @@ "before_you_begin_page": { "header": "Before you begin", "sectionTitle1": "Eligibility", - "sectionParagraph1": "Be sure you are eligible to have your record cleared. If you’re not sure, here are two resources to help.", + "sectionParagraph1": "Be sure you are eligible to have your record cleared. If you’re not sure, the California Courts Self-Help Guide or the Roadmap to Reentry can help you get started.", "sectionTitle2": "Keep your browser open", "sectionParagraph2": "This website doesn’t save anything you write, so be sure to keep your browser open until you are done. You can download your completed letter at the end.", "sectionTitle3": "Using this site", From ec1afbe068d4798fb8c2b7fcc6564939cc29e221 Mon Sep 17 00:00:00 2001 From: awellsbiz Date: Sun, 13 Aug 2023 13:45:57 -0700 Subject: [PATCH 2/5] Before you begin hyperlinks update --- .../public/locales/en/translation.json | 3 ++- .../src/pages-form/BeforeYouBegin.tsx | 23 ++++++++++--------- 2 files changed, 14 insertions(+), 12 deletions(-) diff --git a/products/statement-generator/public/locales/en/translation.json b/products/statement-generator/public/locales/en/translation.json index 933b2d41..c17dfa4e 100644 --- a/products/statement-generator/public/locales/en/translation.json +++ b/products/statement-generator/public/locales/en/translation.json @@ -45,8 +45,9 @@ }, "before_you_begin_page": { "header": "Before you begin", - "sectionTitle1": "Eligibility", + "sectionTitle1": "Are you eligible?", "sectionParagraph1": "Be sure you are eligible to have your record cleared. If you’re not sure, the California Courts Self-Help Guide or the Roadmap to Reentry can help you get started.", + "mobileLineBreak":"Be sure you are eligible to have your record cleared. If you’re not sure, the
California Courts Self-Help Guide or the
Roadmap to Reentry can help you get started.", "sectionTitle2": "Keep your browser open", "sectionParagraph2": "This website doesn’t save anything you write, so be sure to keep your browser open until you are done. You can download your completed letter at the end.", "sectionTitle3": "Using this site", diff --git a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx index 6026a645..d15cab3b 100644 --- a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx +++ b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; -import { makeStyles, createStyles } from '@material-ui/core'; +import { makeStyles, createStyles, useMediaQuery } from '@material-ui/core'; + import ContentContainer from 'components-layout/ContentContainer'; import FlowNavigation from 'components-layout/FlowNavigation'; @@ -13,8 +14,8 @@ const useStyles = makeStyles(({ palette, breakpoints }) => lineHeight: 1.15, fontWeight: 500, letterSpacing: '0.0015em', - [breakpoints.up(breakpoints.values.md)]: { - fontSize: '34px', + [breakpoints.down(breakpoints.values.md)]: { + fontSize: '24px', letterSpacing: '0.0025em', fontWeight: 400, }, @@ -23,9 +24,6 @@ const useStyles = makeStyles(({ palette, breakpoints }) => marginTop: 0, lineHeight: 1.175, letterSpacing: '0.005em', - [breakpoints.up(breakpoints.values.md)]: { - marginTop: '8px', - }, }, '& a': { color: palette.primary.darker, @@ -33,16 +31,18 @@ const useStyles = makeStyles(({ palette, breakpoints }) => '& h6': { fontSize: '16px', marginTop: '24px', - fontWeight: 700, + fontWeight: 400, lineHeight: 1.2, - [breakpoints.up(breakpoints.values.md)]: { + paddingBottom: '8px', + [breakpoints.down(breakpoints.values.md)]: { fontSize: '20px', fontWeight: 400, + }, }, }, italicDesktop: { - [breakpoints.up(breakpoints.values.md)]: { + [breakpoints.down(breakpoints.values.md)]: { fontStyle: 'italic', }, }, @@ -52,6 +52,7 @@ const useStyles = makeStyles(({ palette, breakpoints }) => const BeforeYouBegin = () => { const classes = useStyles(); const { t } = useTranslation(); + const isMobile = useMediaQuery((theme: any) => theme.breakpoints.down('md')); return ( @@ -59,10 +60,10 @@ const BeforeYouBegin = () => {
{t('before_you_begin_page.sectionTitle1')}

{t('before_you_begin_page.sectionTitle2')}
From b711d15307695d9ec9f13a0980281b5a513c11fe Mon Sep 17 00:00:00 2001 From: awellsbiz Date: Sun, 13 Aug 2023 13:51:01 -0700 Subject: [PATCH 3/5] Before you begin hyperlink update --- .../statement-generator/src/pages-form/BeforeYouBegin.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx index d15cab3b..66812793 100644 --- a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx +++ b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx @@ -2,7 +2,6 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; import { makeStyles, createStyles, useMediaQuery } from '@material-ui/core'; - import ContentContainer from 'components-layout/ContentContainer'; import FlowNavigation from 'components-layout/FlowNavigation'; @@ -37,7 +36,6 @@ const useStyles = makeStyles(({ palette, breakpoints }) => [breakpoints.down(breakpoints.values.md)]: { fontSize: '20px', fontWeight: 400, - }, }, }, @@ -62,8 +60,9 @@ const BeforeYouBegin = () => {

{t('before_you_begin_page.sectionTitle2')}
From 1c117901a2932a759bf39abd4d27fd2822421544 Mon Sep 17 00:00:00 2001 From: awellsbiz Date: Fri, 18 Aug 2023 22:47:46 -0700 Subject: [PATCH 4/5] before you begin hyperlinks update (refactor) --- .../public/locales/en/translation.json | 1 - .../src/pages-form/BeforeYouBegin.tsx | 27 ++++++++++--------- 2 files changed, 15 insertions(+), 13 deletions(-) diff --git a/products/statement-generator/public/locales/en/translation.json b/products/statement-generator/public/locales/en/translation.json index c17dfa4e..7a56cfdc 100644 --- a/products/statement-generator/public/locales/en/translation.json +++ b/products/statement-generator/public/locales/en/translation.json @@ -47,7 +47,6 @@ "header": "Before you begin", "sectionTitle1": "Are you eligible?", "sectionParagraph1": "Be sure you are eligible to have your record cleared. If you’re not sure, the California Courts Self-Help Guide or the Roadmap to Reentry can help you get started.", - "mobileLineBreak":"Be sure you are eligible to have your record cleared. If you’re not sure, the
California Courts Self-Help Guide or the
Roadmap to Reentry can help you get started.", "sectionTitle2": "Keep your browser open", "sectionParagraph2": "This website doesn’t save anything you write, so be sure to keep your browser open until you are done. You can download your completed letter at the end.", "sectionTitle3": "Using this site", diff --git a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx index 66812793..7c4b81cb 100644 --- a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx +++ b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; -import { makeStyles, createStyles, useMediaQuery } from '@material-ui/core'; +import { makeStyles, createStyles } from '@material-ui/core'; import ContentContainer from 'components-layout/ContentContainer'; import FlowNavigation from 'components-layout/FlowNavigation'; @@ -9,12 +9,12 @@ const useStyles = makeStyles(({ palette, breakpoints }) => createStyles({ root: { '& h3': { - fontSize: '20px', + fontSize: '24px', lineHeight: 1.15, - fontWeight: 500, + fontWeight: 400, letterSpacing: '0.0015em', - [breakpoints.down(breakpoints.values.md)]: { - fontSize: '24px', + [breakpoints.up(breakpoints.values.md)]: { + fontSize: '34px', letterSpacing: '0.0025em', fontWeight: 400, }, @@ -23,24 +23,28 @@ const useStyles = makeStyles(({ palette, breakpoints }) => marginTop: 0, lineHeight: 1.175, letterSpacing: '0.005em', + [breakpoints.up(breakpoints.values.md)]: { + marginTop: '8px', + }, }, '& a': { color: palette.primary.darker, + whiteSpace: 'noWrap', }, '& h6': { - fontSize: '16px', + fontSize: '20px', marginTop: '24px', fontWeight: 400, lineHeight: 1.2, paddingBottom: '8px', - [breakpoints.down(breakpoints.values.md)]: { + [breakpoints.up(breakpoints.values.md)]: { fontSize: '20px', fontWeight: 400, }, }, }, italicDesktop: { - [breakpoints.down(breakpoints.values.md)]: { + [breakpoints.up(breakpoints.values.md)]: { fontStyle: 'italic', }, }, @@ -50,7 +54,7 @@ const useStyles = makeStyles(({ palette, breakpoints }) => const BeforeYouBegin = () => { const classes = useStyles(); const { t } = useTranslation(); - const isMobile = useMediaQuery((theme: any) => theme.breakpoints.down('md')); + return ( @@ -60,9 +64,8 @@ const BeforeYouBegin = () => {

{t('before_you_begin_page.sectionTitle2')}
From c22882838fcc7abb2a90f6138d17cec2f59ea82f Mon Sep 17 00:00:00 2001 From: awellsbiz Date: Fri, 18 Aug 2023 22:51:03 -0700 Subject: [PATCH 5/5] hyperlink update --- .../statement-generator/src/pages-form/BeforeYouBegin.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx index 7c4b81cb..22d51d92 100644 --- a/products/statement-generator/src/pages-form/BeforeYouBegin.tsx +++ b/products/statement-generator/src/pages-form/BeforeYouBegin.tsx @@ -54,7 +54,6 @@ const useStyles = makeStyles(({ palette, breakpoints }) => const BeforeYouBegin = () => { const classes = useStyles(); const { t } = useTranslation(); - return ( @@ -64,8 +63,7 @@ const BeforeYouBegin = () => {

{t('before_you_begin_page.sectionTitle2')}