app/templates/fullwidth_template.html

{% extends "admin_template.html" %}

{% block fullwidth_content %}
  <main role="main" id="main">
    {% block maincolumn_content %}{% endblock %}
  </main>
{% endblock %}
Make a full width base template We need this because the top section of the new product page will be going full-bleed. 2016-11-22 17:15:31 +00:00			`{% extends "admin_template.html" %}`

			`{% block fullwidth_content %}`
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-19 14:52:54 +00:00			`<main role="main" id="main">`
Make a full width base template We need this because the top section of the new product page will be going full-bleed. 2016-11-22 17:15:31 +00:00			`{% block maincolumn_content %}{% endblock %}`
			`</main>`
			`{% endblock %}`