Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New options for contents-list component #4305

Merged
merged 4 commits into from
Oct 17, 2024

Conversation

matthillco
Copy link
Contributor

@matthillco matthillco commented Oct 15, 2024

What

Two new options for the contents-list component:

  • alternative_line_style
  • title

These can be used to format the list as a navigation block on landing pages. Trello

Why

Landing pages have a navigation element in a sidebar. This navigation element can use the contents-list component. However, there are additional requirements which require new options:

  • the active state is shown with a vertical border and bold blue text.
  • increased vertical spacing between lines
  • the Contents title can be replaced by an alternative title.

Visuals

title alternative_line_style
image image

@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 15, 2024 08:36 Inactive
@matthillco matthillco marked this pull request as draft October 15, 2024 13:20
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from 6e131a3 to 3b38fa3 Compare October 15, 2024 14:45
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 15, 2024 14:45 Inactive
@matthillco matthillco changed the title Create variant of contents-list component for landing page navigation New options for contents-list component Oct 15, 2024
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from 3b38fa3 to ce338c8 Compare October 15, 2024 15:47
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 15, 2024 15:47 Inactive
@matthillco matthillco marked this pull request as ready for review October 15, 2024 15:52
Copy link
Contributor

@andysellick andysellick left a comment

Choose a reason for hiding this comment

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

Nice. A few suggestions for you. Also remember a CHANGELOG entry.

@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from ce338c8 to b51dd71 Compare October 16, 2024 09:48
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 16, 2024 09:49 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 16, 2024 11:08 Inactive
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from a67fa01 to 0e4a79e Compare October 16, 2024 12:07
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 16, 2024 12:07 Inactive
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from 0e4a79e to c525784 Compare October 16, 2024 13:55
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 16, 2024 13:55 Inactive
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from c525784 to 201be68 Compare October 16, 2024 15:41
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 16, 2024 15:42 Inactive
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from 201be68 to 0de1d6f Compare October 16, 2024 16:04
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 16, 2024 16:05 Inactive
@matthillco
Copy link
Contributor Author

Hi @andysellick I've fixed all your requests, hopefully this can be merged now.

@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from 0de1d6f to cd6ee5f Compare October 17, 2024 09:00
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 17, 2024 09:00 Inactive
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from cd6ee5f to 4819022 Compare October 17, 2024 09:15
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 17, 2024 09:15 Inactive
This was previously missing from this component and is added to meet
our coding standards.
A new option for the contents-list component that can be used to apply a
different line style:
- No left hand indent
- No dashes
- Increased vertical space between lines
- Different active style: bold blue text & blue vertical left border

This option is only effective if the component instance uses active links.
@matthillco matthillco force-pushed the contents-list-landing-page-variant branch from 4819022 to fc03300 Compare October 17, 2024 09:24
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4305 October 17, 2024 09:25 Inactive
Copy link
Contributor

@andysellick andysellick left a comment

Choose a reason for hiding this comment

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

👏

@matthillco matthillco merged commit 33e31e9 into main Oct 17, 2024
12 checks passed
@matthillco matthillco deleted the contents-list-landing-page-variant branch October 17, 2024 09:42
@andysellick andysellick mentioned this pull request Oct 17, 2024
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.

4 participants