Skip to content

Commit

Permalink
Merge pull request #4244 from alphagov/remove-breadcrumbs-example-fro…
Browse files Browse the repository at this point in the history
…m-inverse-header

Remove breadcrumbs example from inverse_header docs
  • Loading branch information
MartinJJones authored Sep 23, 2024
2 parents c2c8cc2 + a5085eb commit 112d213
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 30 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
* Remove left search variant of layout header ([PR #4239](https://github.com/alphagov/govuk_publishing_components/pull/4239))
* Remove 'inverse' background style from phase banner ([PR #4241](https://github.com/alphagov/govuk_publishing_components/pull/4241))
* Add experimental `search_with_autocomplete` component ([PR #4218](https://github.com/alphagov/govuk_publishing_components/pull/4218))
* Remove breadcrumbs example from inverse_header docs ([PR #4244](https://github.com/alphagov/govuk_publishing_components/pull/4244))

## 43.3.0

Expand Down
Original file line number Diff line number Diff line change
@@ -1,17 +1,13 @@
name: Inverse header
description: A wrapper to contain header content in white text
body: |
This component can be passed a block of template code and will wrap it in a blue header. This is as light-touch as possible and doesn't attempt to deal with the margins and paddings of its content. White text is enforced on content and would need to be overridden where unwanted. Implemented to accommodate topic and list page headings and breadcrumbs but unopinionated about its contents.
This component can be passed a block of template code and will wrap it in a blue header. This is as light-touch as possible and doesn't attempt to deal with the margins and paddings of its content. White text is enforced on content and would need to be overridden where unwanted. Implemented to accommodate topic and list page headings but unopinionated about its contents.
If passing links to the block make sure to add [the inverse modifier](https://design-system.service.gov.uk/styles/typography/#links-on-dark-backgrounds).
accessibility_criteria: |
The component must:
* be used in conjunction with content that renders a text contrast ratio higher than 4.5:1 against the header colour to meet WCAG AA.
accessibility_excluded_rules:
- skip-link # Examples of this component contain breadcrumbs, creating a reference to #content which is part of the layout
examples:
default:
data:
Expand Down Expand Up @@ -45,31 +41,7 @@ examples:
} %>
<p class="publication-header__last-changed">Published 22 April 2016</p>
<!-- end of example content -->
with_breadcrumbs_and_paragraph:
data:
padding_top: false
block: |
<!-- example content -->
<%= render "govuk_publishing_components/components/breadcrumbs", {
collapse_on_mobile: true,
breadcrumbs: [
{
title: "Section",
url: "/section"
},
{
title: "Education of disadvantaged children",
url: "/section/sub-section"
}
],
inverse: true
} %>
<%= render "govuk_publishing_components/components/lead_paragraph", {
text: "Schools and academies, further and higher education, apprenticeships and other skills training, student funding, early years.",
inverse: true
} %>
<!-- end of example content -->
with_link:
with_paragraph_and_link:
data:
block: |
<p class="gem-c-lead-paragraph gem-c-lead-paragraph--inverse">
Expand Down

0 comments on commit 112d213

Please sign in to comment.