Skip to content

Commit

Permalink
Fix margins around service navigation mobile toggle
Browse files Browse the repository at this point in the history
Fixes the top margin of the service navigation component's mobile toggle button being too small when not used alongside a service name.
  • Loading branch information
querkmachine committed Aug 30, 2024
1 parent a5a50ea commit 61f8e3e
Showing 1 changed file with 7 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@
.govuk-service-navigation__toggle {
@include govuk-font($size: 19, $weight: bold);
display: inline-flex;
margin: 0 0 govuk-spacing(2);
margin: govuk-spacing(2) 0;
padding: 0;
border: 0;
color: $govuk-service-navigation-link-colour;
Expand All @@ -117,6 +117,12 @@
&[hidden] {
display: none;
}

// If we have both a service name and navigation toggle, remove the
// margin-top so that there isn't a bunch of space between them
.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {
margin-top: 0;
}
}

.govuk-service-navigation__list {
Expand Down

0 comments on commit 61f8e3e

Please sign in to comment.