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

Related links #86

Open
govuk-design-system opened this issue Jan 15, 2018 · 8 comments

Comments

@govuk-design-system
Copy link
Collaborator

commented Jan 15, 2018

What

A list of links related to the current page. Appears on the right hand side of a page on large screen devices.

Example on GOV.UK Renew your driving licence

screen shot 2018-02-22 at 14 39 47

Why

Services using this pattern:

Anything else

@govuk-design-system govuk-design-system created this issue from a note in GOV.UK Design System Community Backlog (Agreed) Jan 15, 2018

@ignaciaorellana

This comment has been minimized.

Copy link
Contributor

commented Feb 22, 2018

@timpaul @joelanman is there any example of this or guidance or something?

@joelanman

This comment has been minimized.

Copy link
Member

commented Feb 22, 2018

This is another example of a pattern provided by GOV.UK. You can see an example here. However I think there's a new version somewhere with larger text, @dashouse ?

@dashouse

This comment has been minimized.

Copy link

commented Feb 22, 2018

@ignaciaorellana

This comment has been minimized.

Copy link
Contributor

commented Feb 22, 2018

@timpaul timpaul added the component label May 21, 2018

@colinrotherham

This comment has been minimized.

Copy link

commented Oct 1, 2018

Hi @joelanman @dashouse the related-navigation example link isn't working.

Can you point me in the right direction please? Thanks

@dashouse

This comment has been minimized.

Copy link

commented Oct 1, 2018

@colinrotherham If you use the code from the Start page pattern in the prototype kit the CSS will work - https://design-system.service.gov.uk/patterns/start-pages/

This is because the related links CSS is in the prototype kit and not in GOV.UK Frontend. You can see it here - https://github.com/alphagov/govuk-prototype-kit/blob/master/app/assets/sass/patterns/_related-items.scss

We were going to update this to the new style from GOV.UK, however it has only rolled out on certain start pages (they have lots of different apps) and we were told the design was still in progress and subject to change. We will update when we know it's good to roll out the new style. Hope that helps?

@edwardhorsford

This comment has been minimized.

Copy link

commented Mar 1, 2019

I'd +1 for this getting in the design system. I'm working on a casework system and on a few account-type pages wouldn't mind putting related links on the right.

It's not hard to recreate the sass, but standardising in a macro would be ace.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
7 participants
You can’t perform that action at this time.