Skip to content

Fix implementation record header - #5662

Merged
andysellick merged 1 commit into
mainfrom
fix-imp-record-header
Sep 10, 2026
Merged

andysellick merged 1 commit into
mainfrom
fix-imp-record-header

Conversation

@andysellick

Copy link
Copy Markdown
Contributor

What/why

  • was appearing incorrectly styled with light blue text on a dark blue background
  • fixed by updating the markup
  • ideally would use the layout component for this rather than hard coding the markup, but we can't render components directly in the tech docs so have to use GovukPublishingComponents.render, which doesn't seem to support yielding to blocks, which is what the layout component depends on
  • as an improvement have also added the service navigation component
  • unfortunately couldn't call the component here directly either because there's a mystery CSS rule which causes the content to be full width, which misaligns it with the rest of the page which acted on govuk-width-container being the immediate child of the component, fix was to insert an extra div to break this layout, so the normal styles can function correctly

Visual changes

Before After
Screenshot 2026-09-10 at 12 12 38 Screenshot 2026-09-10 at 12 12 46

@andysellick
andysellick requested a review from AshGDS September 10, 2026 11:13

@AshGDS AshGDS left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, just had a question before approving

Comment thread source/layouts/analytics_layout.html.erb
- was appearing incorrectly styled with light blue text on a dark blue background
- fixed by updating the markup
- ideally would use the layout component for this rather than hard coding the markup, but we can't render components directly in the tech docs so have to use `GovukPublishingComponents.render`, which doesn't seem to support yielding to blocks, which is what the layout component depends on
- as an improvement have also added the service navigation component
- unfortunately couldn't call the component here directly either because there's a mystery CSS rule which causes the content to be full width, which misaligns it with the rest of the page which acted on `govuk-width-container` being the immediate child of the component, fix was to insert an extra div to break this layout, so the normal styles can function correctly

@AshGDS AshGDS left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 馃憤

@andysellick
andysellick merged commit b74a310 into main Sep 10, 2026
5 checks passed
@andysellick
andysellick deleted the fix-imp-record-header branch September 10, 2026 12:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants