darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-20 14:29:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

Set vertical spacing for <main>

Browse Source 
GOV.UK Frontend gives `<main>` different padding
on the top and bottom to us.

This adds our spacing to `<main>` for pages
without a side nav (except the product page which
is special) and to the row containing the `<main>`
and side nav sections on pages that have a side
nav.
This commit is contained in:
Tom Byers
2019-10-14 16:23:53 +01:00
parent b03b2f7502
commit 6957a95121
5 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/templates/withnav_template.html
View File

@@ -1,5 +1,7 @@
{% extends "admin_template.html" %}
{% set mainClasses = "govuk-!-padding-top-0 govuk-!-padding-bottom-0" %}
{% block per_page_title %}
{% block service_page_title %}{% endblock %} – {{ current_service.name }}
{% endblock %}
@@ -18,18 +20,18 @@
</div>
<a href="{{ url_for('main.choose_account') }}" class="navigation-service-switch">Switch service</a>
</div>
<div class="grid-row">
<div class="grid-row govuk-!-padding-bottom-12">
{% if help %}
<div class="column-one-third">
{% else %}
<div class="column-one-quarter">
{% endif %}
{% include "main_nav.html" %}
</div>
{% include "main_nav.html" %}
</div>
{% if help %}
<div class="column-two-thirds column-main">
<div class="column-two-thirds">
{% else %}
<div class="column-three-quarters column-main">
<div class="column-three-quarters">
{% endif %}
{% block beforeContent %}{% endblock %}
<main class="govuk-main-wrapper column-main {{ mainClasses }}" id="main-content" role="main">