From 23408e994bf2f6e84b6a8ca0796ed5cf313cb410 Mon Sep 17 00:00:00 2001 From: Martin Jones Date: Mon, 17 Jun 2024 12:41:41 +0100 Subject: [PATCH] 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. --- .../components/_layout-super-navigation-header.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss b/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss index 3007868d56..e2a5196ef3 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +++ b/app/assets/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); }