Chris Hill-Scott 37d4ab87df Add a breadcrumb to the product page ...

This copies what the other GaaP components will be doing for their
product pages.

The SASS and HTML is taken from here:
https://github.com/alphagov/product-page-example/blob/f05ca1fb71f16728bb7a52462b11a850420f36f0/source/stylesheets/modules/_breadcrumbs.scss

Only changes I’ve made are:
- making the file paths work with our build pipeline

Changes to our code to accomodate this are:
- putting the padding on the product page `<h1>` not its container
- moving the hero image accordingly so that it lines up
- making the `<main>` element on the product page into an anchor so that
  the breadcrumb can link to it – screenreader will then announce the
  link as “GOV.UK Notify, same page”

2017-01-23 13:50:30 +00:00

2.6 KiB

Raw Blame History

View Raw