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

fix #249 header 2 (#425)

Browse source 
* Header updates
* More pixel alignment for nav
* Update unit test snapshots
I removed a stray `,` from `testHelpers.tsx` which changed the output of several snapshots.
* Fixes from PR review
* Forgot to update snapshots after merge with main
* Removed unused (and outdated) timeline page
* Updated some translation descriptions.
This commit is contained in:
TomNUSDS 2021-08-02 07:48:19 -07:00 • committed by GitHub
commit 08e21e5d5b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 299 additions and 27282 deletions
Download patch file Download diff file Expand all files Collapse all files

97
client/src/styles/global.scss
View file

@ -84,19 +84,60 @@ $primary-color: #112f4e;
}
// this is the title
.usa-logo__text {
font-size: 1.8em;
font-family: "serif";
@include at-media("desktop") {
.j40-title {
font-size: 0.9em;
padding-bottom: 0; // allows vertical centering on logo and text
font-weight: normal;
}
.usa-navbar {
width: 100%;
}
// this actual site logo
.sitelogo {
float: left; // allows vertical centering on logo and text
margin-right: 0.5em; // space between logo and text
width: 4em;
padding: 0.5em; // this will change the size of the logo too
}
// nav menu item font
.usa-nav__primary {
.usa-nav__primary-item {
a {
margin-bottom: 0.5em; // how far menu is from bottom edge of nav
font-weight: 600;
}
}
}
// this is forcing the whole toolbar much taller
.usa-logo {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
}
// menu item font
.usa-nav__primary {
font-size: 1.2em;
}
@include at-media("mobile") {
.usa-logo__text {
padding-top: 3px; // allows vertical centering on logo and text
padding-bottom: 0; // allows vertical centering on logo and text
font-weight: normal;
}
.usa-navbar {
width: 100%;
}
.j40-sitelogo {
float: left; // allows vertical centering on logo and text
margin-right: 0.5em; // space between logo and text
width: 3em;
padding: 0.4em; // this will change the size of the logo too
}
.byline {
font-size: 0.3em;
font-weight: normal;
}
}
@ -138,7 +179,7 @@ $primary-color: #112f4e;
// spacing top & bottom around main content
.j40-main-content {
@include at-media("mobile-lg") {
margin-bottom: 2rem;
margin-bottom: 0;
margin-top: 2.5rem;
}
@ -185,12 +226,32 @@ $primary-color: #112f4e;
margin: 0;
}
padding-top: 7px;
padding-bottom: 7px;
min-height: 4em;
min-height: 2.5em;
margin: 0;
* + .usa-alert {
margin: 0 !important;
.j40-sitealert-title {
font-weight: bold;
}
.j40-sitealert-body {
}
.usa-alert {
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
.usa-alert__body {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.usa-alert__text {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}
@ -227,7 +288,7 @@ $primary-color: #112f4e;
}
.mapboxgl-ctrl-group {
border-radius: 0px;
border-radius: 0;
}
.mapboxgl-ctrl {
@ -236,7 +297,7 @@ $primary-color: #112f4e;
}
button {
border-radius: 0px;
border-radius: 0;
height: 1.66em;
width: 1.66em;
box-sizing: border-box;