darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-04-25 19:50:49 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
6aaa4d906b7e052d37046bcd7cc993c4df8ef867
notifications-admin/app/templates/components/cookie-banner.html

26 lines
1.7 KiB
HTML
Raw Normal View History

Remove unused argument from cookie_banner macro
2020-01-09 09:48:07 +00:00
{% macro cookie_banner(id='global-cookie-message') %}
Add new cookie banner code. Copies HTML and Sass from GOV.UK Pubishing components cookie-banner with changes to content and functionality to better suit Notify. Changes are: - adds a 'reject' button which the GOV.UK code doesn't have - adds Sass from the GOV.UK Frontend button component which the GOV.UK version used so is included here - removed click tracking from cookie banner
2020-01-03 16:03:05 +00:00
Default the cookie banner to be hidden It should only be shown if JS is available and the cookieMessage JS finds consent has not been set.
2020-01-14 12:11:40 +00:00
<div id="{{ id }}" class="notify-cookie-banner" data-module="cookie-banner" role="region" aria-describedby="notify-cookie-banner__heading">
Improvements based on frontend feedback Paired with @aliuk2012 on the implementation and with a view to making the component generic enough to be used on digital marketplace apps as well. These changes came from that session. They include: - removal of an unused `data-accept-cookies` attribute - removal of `govuk-!-padding-top-4` class and moving of associated styles into component CSS - swapping out the `aria-label` on the parent element for an `aria-describedby` linked to the h2 to have one thing labelling the banner region - removal of unused CSS and any already provided by the govuk-button class - inclusion of @import's for styles attached to govuk-body and govuk-button classes
2020-01-06 16:52:03 +00:00
<div class="notify-cookie-banner__wrapper govuk-width-container">
Change banner content to just cover analytics Follows discussions with @quis, @yahoopete and @karlchillmaid.
2020-01-08 14:00:09 +00:00
<h2 class="notify-cookie-banner__heading govuk-heading-m" id="notify-cookie-banner__heading">Can we store analytics cookies on your device?</h2>
<p class="govuk-body">Analytics cookies help us understand how our website is being used.</p>
Hide cookie banner if no-js Decided in discussions with @quis and @yahoopete that users without JS available cannot accept/reject analytics cookies so the banner has no use.
2020-01-08 09:43:34 +00:00
<div class="notify-cookie-banner__buttons">
Change size and layout of cookie banner buttons
2020-01-09 16:21:12 +00:00
<button class="govuk-button notify-cookie-banner__button notify-cookie-banner__button-accept" type="submit" data-accept-cookies="true" aria-describedby="notify-cookie-banner__heading">
Change 'we' to 'Notify' Makes the meaning a bit clearer
2020-01-09 09:38:26 +00:00
Yes<span class="govuk-visually-hidden">, Notify can store analytics cookies on your device</span>
Change size and layout of cookie banner buttons
2020-01-09 16:21:12 +00:00
</button>
<button class="govuk-button notify-cookie-banner__button notify-cookie-banner__button-reject" type="submit" data-accept-cookies="false" aria-describedby="notify-cookie-banner__heading">
Change 'we' to 'Notify' Makes the meaning a bit clearer
2020-01-09 09:38:26 +00:00
No<span class="govuk-visually-hidden">, Notify cannot store analytics cookies on your device</span>
Change size and layout of cookie banner buttons
2020-01-09 16:21:12 +00:00
</button>
Change banner content to just cover analytics Follows discussions with @quis, @yahoopete and @karlchillmaid.
2020-01-08 14:00:09 +00:00
<a class="govuk-link notify-cookie-banner__link" href="/cookies">How Notify uses cookies</a>
Add new cookie banner code. Copies HTML and Sass from GOV.UK Pubishing components cookie-banner with changes to content and functionality to better suit Notify. Changes are: - adds a 'reject' button which the GOV.UK code doesn't have - adds Sass from the GOV.UK Frontend button component which the GOV.UK version used so is included here - removed click tracking from cookie banner
2020-01-03 16:03:05 +00:00
</div>
</div>
<div class="notify-cookie-banner__confirmation govuk-width-container" tabindex="-1">
<p class="notify-cookie-banner__confirmation-message govuk-body">
You can <a class="govuk-link" href="/cookies">change your cookie settings</a> at any time.
</p>
Add context to 'Hide' button in cookie banner
2020-08-05 10:47:00 +01:00
<button class="notify-cookie-banner__hide-button govuk-link" data-hide-cookie-banner="true" role="link">Hide<span class="govuk-visually-hidden"> cookies message</span></button>
Add new cookie banner code. Copies HTML and Sass from GOV.UK Pubishing components cookie-banner with changes to content and functionality to better suit Notify. Changes are: - adds a 'reject' button which the GOV.UK code doesn't have - adds Sass from the GOV.UK Frontend button component which the GOV.UK version used so is included here - removed click tracking from cookie banner
2020-01-03 16:03:05 +00:00
</div>
</div>
{% endmacro %}
Reference in New Issue Copy Permalink