Fixes links that were off center

This commit is contained in:
Vim USDS 2022-07-25 12:05:50 -07:00
parent 49df74a28e
commit 6b37e5dc49
6 changed files with 35 additions and 16 deletions

View file

@ -64,7 +64,7 @@ const AboutCard = (props: React.PropsWithChildren<AboutCardProps>) => {
internal={props.internal}
url={props.url ? props.url : ''}
openUrlNewTab={props.openUrlNewTab}
className={'j40-aboutcard-link'}
// className={'j40-aboutcard-link'}
/>
</div>
</Grid>

View file

@ -77,7 +77,6 @@ exports[`rendering of the AboutCard checks if small cards component renders 1`]
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
data-cy=""
href="#"
>

View file

@ -9,6 +9,12 @@ import * as DOWNLOADS_COPY from './downloads';
import * as METHODOLOGY_COPY from './methodology';
import {PAGES_ENDPOINTS} from '../constants';
export const EXPLORE_PAGE_LINKS = {
TRIBAL_ACTION_PLAN: `https://www.whitehouse.gov/wp-content/uploads/2022/01/CEQ-Tribal-Consultation-Plan-04.26.2021.pdf`,
TRIBAL_WHITEHOUSE: `https://www.whitehouse.gov/briefing-room/presidential-actions/2021/01/26/memorandum-on-tribal-consultation-and-strengthening-nation-to-nation-relationships/`,
TRIBAL_FED_REGISTER: `https://www.federalregister.gov/documents/2000/11/09/00-29003/consultation-and-coordination-with-indian-tribal-governments`,
};
export const PAGE_INTRO = defineMessages({
PAGE_TILE: {
id: 'explore.map.page.title.text',
@ -878,16 +884,16 @@ export const NOTE_ON_TRIBAL_NATIONS = {
is engaging in consultation and coordination with Tribal Nations on the beta version of the map
to provide Tribal Nations with meaningful opportunities for input, consistent with CEQs <link2>
Action Plan for Consultation and Coordination with Tribal Nations</link2>,
<link3>President Bidens Memorandum on Tribal Consultation and Strengthening
Nation-to-Nation Consultation</link3>, and Executive Order 13175 on <link4>Consultation and
President Bidens <link3>Memorandum on Tribal Consultation and Strengthening
Nation-to-Nation Consultation</link3>, and <link4>Executive Order 13175 on Consultation and
Coordination With Indian Tribal Governments</link4>.
`}
description={`Navigate to the explore the map page. Under the map, you will see tribal nations paragraph 1`}
values={{
link1: COMMON_COPY.linkFn(PAGES_ENDPOINTS.METHODOLOGY, true, false),
link2: COMMON_COPY.linkFn(`https://www.whitehouse.gov/wp-content/uploads/2022/01/CEQ-Tribal-Consultation-Plan-04.26.2021.pdf`, false, true),
link3: COMMON_COPY.linkFn(`https://www.whitehouse.gov/briefing-room/presidential-actions/2021/01/26/memorandum-on-tribal-consultation-and-strengthening-nation-to-nation-relationships/`, false, true),
link4: COMMON_COPY.linkFn(`https://www.federalregister.gov/documents/2000/11/09/00-29003/consultation-and-coordination-with-indian-tribal-governments`, false, true),
link2: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.TRIBAL_ACTION_PLAN, false, true),
link3: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.TRIBAL_WHITEHOUSE, false, true),
link4: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.TRIBAL_FED_REGISTER, false, true),
}}
/>,
};

View file

@ -868,7 +868,7 @@
"description": "Navigate to the explore the map page. Under the map, you will see tribal nations intro text"
},
"explore.map.page.under.map.note.on.tribal.nations.para.1": {
"defaultMessage": "The map covers all U.S. census tracts, including those located within Tribal Nations, to the extent that data is available (see our <link1>Methodology & data</link1> page for more information). CEQ is engaging in consultation and coordination with Tribal Nations on the beta version of the map to provide Tribal Nations with meaningful opportunities for input, consistent with CEQs <link2> Action Plan for Consultation and Coordination with Tribal Nations</link2>, <link3>President Bidens Memorandum on Tribal Consultation and Strengthening Nation-to-Nation Consultation</link3>, and Executive Order 13175 on <link4>Consultation and Coordination With Indian Tribal Governments</link4>.",
"defaultMessage": "The map covers all U.S. census tracts, including those located within Tribal Nations, to the extent that data is available (see our <link1>Methodology & data</link1> page for more information). CEQ is engaging in consultation and coordination with Tribal Nations on the beta version of the map to provide Tribal Nations with meaningful opportunities for input, consistent with CEQs <link2> Action Plan for Consultation and Coordination with Tribal Nations</link2>, President Bidens <link3>Memorandum on Tribal Consultation and Strengthening Nation-to-Nation Consultation</link3>, and <link4>Executive Order 13175 on Consultation and Coordination With Indian Tribal Governments</link4>.",
"description": "Navigate to the explore the map page. Under the map, you will see tribal nations paragraph 1"
},
"fab.survey.text": {

View file

@ -607,7 +607,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
href="/en/methodology"
>
Methodology & data
@ -662,7 +661,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
href="/en/"
>
Explore the map
@ -731,7 +729,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="usa-link usa-link--external j40-aboutcard-link"
class="usa-link usa-link--external"
data-cy=""
href="mailto:Screeningtool-Support@omb.eop.gov"
rel="noreferrer"
@ -791,7 +789,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="usa-link usa-link--external j40-aboutcard-link"
class="usa-link usa-link--external"
data-cy=""
href="https://github.com/usds/justice40-tool"
rel="noreferrer"

View file

@ -139,6 +139,18 @@ components include:
}
}
// all external links
.usa-link--external::after {
margin-top: .5ex !important;
}
// external links in the dataset Cards
li[class*='datasetCard-module'] .usa-link--external::after {
margin-top: .2ex !important;
}
/*
******************************
* FOOTER STYLES
@ -163,8 +175,12 @@ components include:
@include u-display('inline-block');
@include u-margin-top(1.5)
}
}
// external links in the footer only
.usa-link--external::after {
margin-top: .2ex !important;
}
}
@ -386,9 +402,9 @@ a.mapboxgl-ctrl-logo {
@include u-margin-top(5);
}
.j40-aboutcard-link {
font-weight: bold;
}
// .j40-aboutcard-link {
// font-weight: bold;
// }
}
.j40-aboutcard-sm-card {