mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-02 17:48:50 -04:00
Changing the govuk grid to USWDS
This commit is contained in:
@@ -3,12 +3,12 @@
|
||||
|
||||
<div class="ajax-block-container">
|
||||
{% if notifications_deleted %}
|
||||
<div class="govuk-grid-row bottom-gutter-1-2">
|
||||
<div class="grid-row bottom-gutter-1-2">
|
||||
{% for label, query_param, url, count in counts %}
|
||||
{% if query_param == 'pending' %}
|
||||
<div class="govuk-grid-column-one-quarter">{{ big_number(count, query_param, smaller=True) }}</div>
|
||||
<div class="grid-col-3">{{ big_number(count, query_param, smaller=True) }}</div>
|
||||
{% else %}
|
||||
<div class="govuk-grid-column-one-quarter">{{ big_number(count, label, smaller=True) }}</div>
|
||||
<div class="grid-col-3">{{ big_number(count, label, smaller=True) }}</div>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
@@ -2,31 +2,31 @@
|
||||
|
||||
{% call banner_wrapper(type='tour') %}
|
||||
<p class="heading-medium">Try sending yourself this example</p>
|
||||
<div class="govuk-grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
|
||||
<div class="govuk-grid-column-one-sixth">
|
||||
<div class="grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
|
||||
<div class="grid-col-2">
|
||||
<p class="heading-large">1.</p>
|
||||
</div>
|
||||
<div class="govuk-grid-column-five-sixths">
|
||||
<div class="grid-col-10">
|
||||
<p class="govuk-body">
|
||||
Every message is sent from a template
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
|
||||
<div class="govuk-grid-column-one-sixth">
|
||||
<div class="grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
|
||||
<div class="grid-col-2">
|
||||
<p class="heading-large">2.</p>
|
||||
</div>
|
||||
<div class="govuk-grid-column-five-sixths">
|
||||
<div class="grid-col-10">
|
||||
<p class="govuk-body">
|
||||
The template pulls in the data you provide
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
|
||||
<div class="govuk-grid-column-one-sixth">
|
||||
<div class="grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
|
||||
<div class="grid-col-2">
|
||||
<p class="heading-large">3.</p>
|
||||
</div>
|
||||
<div class="govuk-grid-column-five-sixths">
|
||||
<div class="grid-col-10">
|
||||
<p class="govuk-body">
|
||||
Notify delivers the message
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user