From 2afdc563990f1877a31351298cf9b30451e4af05 Mon Sep 17 00:00:00 2001 From: gscottqueen Date: Mon, 1 May 2023 16:51:56 -0400 Subject: [PATCH 1/4] match borders with usa.gov --- assets/styles/theme/_uswds-theme-usagov.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/assets/styles/theme/_uswds-theme-usagov.scss b/assets/styles/theme/_uswds-theme-usagov.scss index 117b69c97a..14f4c4efaf 100644 --- a/assets/styles/theme/_uswds-theme-usagov.scss +++ b/assets/styles/theme/_uswds-theme-usagov.scss @@ -165,8 +165,13 @@ h1.text-secondary { color: #c61f0c; } +.usa-header--extended .usa-nav { + border-top: 1px solid #c9c9c9; + border-bottom: 1px solid #c9c9c9; +} + .usa-nav__primary > .usa-nav__primary-item > a { - color: #154285; + color: #1a4480; padding: 0.8rem; } @@ -175,10 +180,6 @@ h1.text-secondary { background-color: #02bfe7; } -.usa-search [type="submit"] { - @include u-padding-x(1); -} - .usa-accordion { .usa-tag { background-color: color("gray-cool-5"); From 21779c3f5a9d0b852ae1532b7ffdd999302199be Mon Sep 17 00:00:00 2001 From: gscottqueen Date: Mon, 1 May 2023 16:52:12 -0400 Subject: [PATCH 2/4] match language switcher with usa.gov --- components/BetaUsaGovHeader.vue | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/components/BetaUsaGovHeader.vue b/components/BetaUsaGovHeader.vue index c3d3007a1f..34043a3746 100644 --- a/components/BetaUsaGovHeader.vue +++ b/components/BetaUsaGovHeader.vue @@ -210,9 +210,8 @@ export default { // LANUAGE BUTTON .language-switcher-language-url { - margin-right: auto; + margin: 0 auto; max-width: 64rem; - margin-left: auto; padding-left: 2rem; padding-right: 2rem; display: block; @@ -229,16 +228,13 @@ export default { text-decoration: none; padding: 10px 20px; background-color: #112f4e; + font-size: 14.8px; &:hover { color: #fff; background-color: #112f4e; } } -// nav -.usa-nav { - border-bottom: 1px solid #dfe1e2; -} .usa-nav__secondary { flex-direction: row; align-items: flex-end; From 2a07cf726d43dc8eadd16dc7703393286dd94106 Mon Sep 17 00:00:00 2001 From: gscottqueen Date: Tue, 2 May 2023 12:58:16 -0400 Subject: [PATCH 3/4] updated styles to try and align better with usa.gov --- components/BetaUsaGovHeader.vue | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/components/BetaUsaGovHeader.vue b/components/BetaUsaGovHeader.vue index 34043a3746..d800cb6967 100644 --- a/components/BetaUsaGovHeader.vue +++ b/components/BetaUsaGovHeader.vue @@ -223,12 +223,28 @@ export default { margin-left: 0; } } + +// specified for matching with usa.gov +@media screen and (max-width: 1024px) { + .language-switcher-language-url { + bottom: 18px; + } + + .usa-search { + max-width: 200px; + } +} + .language-link { color: #fff; text-decoration: none; padding: 10px 20px; background-color: #112f4e; - font-size: 14.8px; + font-size: .93rem; + font-weight: 700; + line-height: 1.1; + border-radius: 5px; + &:hover { color: #fff; background-color: #112f4e; From 161033b6b956a816edc21499b2a04b9abfbb5eee Mon Sep 17 00:00:00 2001 From: gscottqueen Date: Tue, 2 May 2023 12:58:49 -0400 Subject: [PATCH 4/4] moving down --- assets/styles/theme/_uswds-theme-usagov.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/styles/theme/_uswds-theme-usagov.scss b/assets/styles/theme/_uswds-theme-usagov.scss index 14f4c4efaf..709aa80339 100644 --- a/assets/styles/theme/_uswds-theme-usagov.scss +++ b/assets/styles/theme/_uswds-theme-usagov.scss @@ -229,10 +229,6 @@ h1.text-secondary { @include u-margin-bottom("05"); } -.language-switcher-wrap { - @include u-margin-top(1); -} - .usa-menu-btn { background-color: transparent; background-repeat: no-repeat; @@ -258,6 +254,10 @@ h1.text-secondary { } } +.language-switcher-wrap { + @include u-margin-top(1); +} + .language-switcher-language-url { @include at-media-max("desktop") { position: absolute;