Make a full width base template

We need this because the top section of the new product page will be
going full-bleed.
This commit is contained in:
Chris Hill-Scott
2016-11-22 17:15:31 +00:00
parent 0d7a453c75
commit 397ad05db9
5 changed files with 30 additions and 21 deletions

View File

@@ -71,9 +71,7 @@
{% set homepage_url = url_for('main.show_all_services_or_dashboard') %}
{% block content %}
<div id="content">
{% block fullwidth_content %}{% endblock %}
</div>
{% block fullwidth_content %}{% endblock %}
{% endblock %}
{% block footer_top %}

View File

@@ -0,0 +1,7 @@
{% extends "admin_template.html" %}
{% block fullwidth_content %}
<main role="main">
{% block maincolumn_content %}{% endblock %}
</main>
{% endblock %}

View File

@@ -1,7 +1,7 @@
{% from "components/banner.html" import banner_wrapper %}
{% from "components/phone.html" import phone %}
{% extends "withoutnav_template.html" %}
{% extends "fullwidth_template.html" %}
{% block page_title %}
GOV.UK Notify

View File

@@ -1,19 +1,21 @@
{% extends "admin_template.html" %}
{% block fullwidth_content %}
<div class="navigation-service">
<h2 class="navigation-service-name">
{{ current_service.name }}
</h2>
<a href="{{ url_for('main.choose_service') }}" class="navigation-service-switch">Switch service</a>
</div>
<div class="grid-row">
<div class="column-one-third">
{% include "main_nav.html" %}
<div id="content">
<div class="navigation-service">
<h2 class="navigation-service-name">
{{ current_service.name }}
</h2>
<a href="{{ url_for('main.choose_service') }}" class="navigation-service-switch">Switch service</a>
</div>
<div class="grid-row">
<div class="column-one-third">
{% include "main_nav.html" %}
</div>
<main role="main" class="column-two-thirds column-main">
{% include 'flash_messages.html' %}
{% block maincolumn_content %}{% endblock %}
</main>
</div>
<main role="main" class="column-two-thirds column-main">
{% include 'flash_messages.html' %}
{% block maincolumn_content %}{% endblock %}
</main>
</div>
{% endblock %}

View File

@@ -1,8 +1,10 @@
{% extends "admin_template.html" %}
{% block fullwidth_content %}
<main role="main">
{% include 'flash_messages.html' %}
{% block maincolumn_content %}{% endblock %}
</main>
<div id="content">
<main role="main">
{% include 'flash_messages.html' %}
{% block maincolumn_content %}{% endblock %}
</main>
</div>
{% endblock %}