govuk_publishing_components 56.2.1 → 56.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 68407f5db22229aa78134b622dc8559456e40553df87dd9cb01de60aaf3e462f
-  data.tar.gz: 8b979b368aba80117804a47ae7d0c7595c2fce311578fc731bef81309456db5e
+  metadata.gz: 973a94df7d794d748953338a89e1eb7d53a6645d8b162de2f1abd542cc775223
+  data.tar.gz: 21a1fb1a11c4953eb0d92502ec839ade24ad4edfee9a6873878c7fbdb3edbb4a
 SHA512:
-  metadata.gz: c8d5952713a5fad747e52900b7e37dac29595e1cc63ebe02aa23b9751660011e7662432a5def3c7bd1ccbbc9328d434c2e40b5709da1290c3df91479cc6822ee
-  data.tar.gz: f5c24bfbf5e24d745757b8add1af84cdc64fd261d41552ba7d9d988d63f04002982c73b927b3210ea636826c334cf02f61ba6074f0e46e8d9a5181f34914f9cf
+  metadata.gz: b3dad62280a3c2b0b2184d3aba708121c9e7c483b86c428d3490ae3682ae8ebb8e3ce60305e036dc884bb94d2f7830c2674c5d69e2d03f2bff2ca01e44e82af0
+  data.tar.gz: e3274d4870271eb6ae390ba7ab7daed3f1171bdcd3c8b9e03c90020a093eadaa41eeebac43397ad2f20cf82ead618275593eddd4c233c63a79bce9487cbefd94

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -5,7 +5,7 @@
 
 $chevron-indent-spacing: 7px;
 $black-bar-height: 50px;
-$search-width-or-height: $black-bar-height;
+$search-toggle-button-height: $black-bar-height;
 $pseudo-underline-height: 3px;
 $button-pipe-colour: darken(govuk-colour("mid-grey"), 20%);
 
@@ -137,7 +137,7 @@ $after-button-padding-left: govuk-spacing(4);
   padding: 0;
 }
 
-// Top level navigation links and search link.
+// Top level navigation links and search link, used when JavaScript is not available
 .gem-c-layout-super-navigation-header__navigation-item-link,
 .gem-c-layout-super-navigation-header__search-item-link {
   display: inline-block;
@@ -305,6 +305,14 @@ $after-button-padding-left: govuk-spacing(4);
 
 .gem-c-layout-super-navigation-header__navigation-item-link-inner {
   padding: govuk-spacing(1) $after-link-padding;
+  border-right: 1px solid $button-pipe-colour;
+}
+
+.gem-c-layout-super-navigation-header__navigation-item-link--large-navbar {
+  & .gem-c-layout-super-navigation-header__navigation-item-link-inner {
+    padding-left: 26px;
+    padding-right: 26px;
+  }
 }
 
 .gem-c-layout-super-navigation-header__navigation-item-link-inner--blue-background {
@@ -321,8 +329,6 @@ $after-button-padding-left: govuk-spacing(4);
 
   &:link,
   &:visited {
-    background: $govuk-brand-colour;
-
     &:hover {
       &::before {
         left: 0;
@@ -344,10 +350,6 @@ $after-button-padding-left: govuk-spacing(4);
       width: 100%;
     }
 
-    @include focus-not-focus-visible {
-      background: $govuk-link-colour;
-    }
-
     @include focus-and-focus-visible {
       &:hover {
         background: $govuk-focus-colour;
@@ -361,6 +363,11 @@ $after-button-padding-left: govuk-spacing(4);
   }
 }
 
+.gem-c-layout-super-navigation-header__search-item-link--large-navbar {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
 .gem-c-layout-super-navigation-header__search-item-link-icon,
 .gem-c-layout-super-navigation-header__search-toggle-button-link-icon {
   height: 20px;
@@ -584,10 +591,10 @@ $after-button-padding-left: govuk-spacing(4);
   border: 0;
   color: govuk-colour("white");
   cursor: pointer;
-  height: $search-width-or-height;
+  height: $search-toggle-button-height;
   padding: govuk-spacing(3);
   position: relative;
-  width: $search-width-or-height;
+  width: 51px;
 
   &.gem-c-layout-super-navigation-header__search-toggle-button--blue-background {
     background: $govuk-brand-colour;
@@ -833,7 +840,7 @@ $after-button-padding-left: govuk-spacing(4);
 .gem-c-layout-super-navigation-header__search-toggle-button--large-navbar {
   padding-left: 24px;
   padding-right: 24px;
-  width: 68px;
+  width: 69px;
 }
 
 .gem-c-layout-super-navigation-header__navigation-second-item-description {
@@ -875,8 +882,8 @@ $after-button-padding-left: govuk-spacing(4);
   // isn't a multiple of 5 :(
   .gem-c-layout-super-navigation-header__navigation-item-link--large-navbar,
   .gem-c-layout-super-navigation-header__search-item-link--large-navbar {
-    padding-top: 33px;
-    padding-bottom: 33px;
+    padding-top: 26px;
+    padding-bottom: 26px;
   }
 
   .gem-c-layout-super-navigation-header__logotype-crown--large-navbar {
@@ -904,7 +911,8 @@ $after-button-padding-left: govuk-spacing(4);
   .gem-c-layout-super-navigation-header__search-toggle-button--large-navbar {
     height: $large-navbar-height;
     // to stop the search icon moving on hover
-    padding-bottom: 12px;
+    padding-top: 26px;
+    padding-bottom: 26px;
   }
 
   .gem-c-layout-super-navigation-header__button-container--large-navbar {

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "56.2.1".freeze
+  VERSION = "56.2.2".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 56.2.1
+  version: 56.2.2
 platform: ruby
 authors:
 - GOV.UK Dev
@@ -2038,7 +2038,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.7
+rubygems_version: 3.6.8
 specification_version: 4
 summary: A gem to document components in GOV.UK frontend applications
 test_files: []