Fix focus styling in super navigation header logo

The focus style of the super navigation header logo was not rendering correctly in the super navigation header menu, but it was styled correct in the layout-header component. To fix this, the line height is set to 1 in `.gem-c-layout-super-navigation-header__header-logo`, this matches the approach used for `.govuk-header` in the layout-header from the design system.
alphagov · Jun 17, 2024 · 23408e9 · 23408e9
1 parent 6defcdf
commit 23408e9
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/...s/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss b/...s/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss
@@ -123,6 +123,7 @@ $after-button-padding-left: govuk-spacing(4);
 .gem-c-layout-super-navigation-header__header-logo {
   display: inline-block;
   height: govuk-spacing(6);
+  line-height: 1;
   padding-bottom: govuk-spacing(2);
   padding-top: govuk-spacing(2);
 }