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

Update cookies banner to align it with govuk-frontend #1918

Merged
merged 2 commits into from
Feb 16, 2021
Merged

Conversation

maxgds
Copy link
Contributor

@maxgds maxgds commented Feb 10, 2021

What

Update cookies banner to inherit the Design System cookie banner component

Why

This brings our cookie banner in line with the design system in terms of look and feel and follows their guidance for compliance. The biggest differences:

  • Adds a reject button to the default implementation and plumbs it into the js
  • Hides things with the hidden attribute instead of relying on styles (which fails if a user or browser blocks CSS)
  • Use the new design system button group for button layout
  • Made the hide button on the confirmation message look like a button

Visual Changes

Before

Screenshot 2021-02-12 at 14 40 42

After

Screenshot 2021-02-12 at 14 40 09

Before

Screenshot 2021-02-12 at 14 40 57

After

Screenshot 2021-02-12 at 14 41 13

@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 10, 2021 16:26 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 10, 2021 16:31 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 10, 2021 16:44 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 11, 2021 09:52 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 11, 2021 19:48 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 11, 2021 20:04 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 09:06 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 09:50 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 10:05 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 10:56 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 11:34 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 13:25 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 13:28 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 13:34 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 13:40 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 14:18 Inactive
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 15:05 Inactive
@maxgds maxgds changed the title [WIP] Update cookies banner Update cookies banner Feb 12, 2021
@maxgds maxgds marked this pull request as ready for review February 12, 2021 15:06
@bevanloon bevanloon temporarily deployed to govuk-publis-cookie-ban-lns8ek February 12, 2021 15:19 Inactive
This was referenced Mar 11, 2021
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