mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-16 19:30:13 -04:00
Replace column-full with govuk-grid-column-full
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
|
||||
branding_style = branding_style.val();
|
||||
|
||||
const $paneWrapper = $('<div class="column-full"></div>');
|
||||
const $paneWrapper = $('<div class="govuk-grid-column-full"></div>');
|
||||
const $form = $('form');
|
||||
const previewType = $form.data('previewType');
|
||||
const $previewPane = $(`<iframe src="/_${previewType}?${buildQueryString(['branding_style', branding_style])}" class="branding-preview"></iframe>`);
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
<h1 class="heading-large">Preview email branding</h1>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
<iframe src="{{ url_for('main.email_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
|
||||
{% call form_wrapper(action=action) %}
|
||||
<div class="form-group">
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
<h1 class="heading-large">Preview letter branding</h1>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
<iframe src="{{ url_for('main.letter_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
|
||||
{% call form_wrapper(action=action) %}
|
||||
<div class="form-group">
|
||||
|
||||
@@ -17,11 +17,11 @@
|
||||
) }}
|
||||
{% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full preview-pane">
|
||||
<div class="govuk-grid-column-full preview-pane">
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
{{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search branding styles by name') }}
|
||||
{{ radios(form.branding_style) }}
|
||||
</div>
|
||||
|
||||
@@ -17,11 +17,11 @@
|
||||
) }}
|
||||
{% call form_wrapper(data_kwargs={'preview-type': 'letter'}) %}
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full preview-pane">
|
||||
<div class="govuk-grid-column-full preview-pane">
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
{{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search by name') }}
|
||||
{{ radios(form.branding_style, hide_legend=True) }}
|
||||
</div>
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row bottom-gutter">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
By default data is kept for 7 days
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
<h1 class="heading-large">Preview email branding</h1>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
<iframe src="{{ url_for('main.email_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
|
||||
{% call form_wrapper(action=action) %}
|
||||
<div class="form-group">
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
<h1 class="heading-large">Preview letter branding</h1>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
<iframe src="{{ url_for('main.letter_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
|
||||
{% call form_wrapper(action=action) %}
|
||||
<div class="form-group">
|
||||
|
||||
@@ -17,11 +17,11 @@
|
||||
) }}
|
||||
{% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full preview-pane">
|
||||
<div class="govuk-grid-column-full preview-pane">
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
{{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search branding styles by name') }}
|
||||
{{ radios(form.branding_style) }}
|
||||
</div>
|
||||
|
||||
@@ -17,11 +17,11 @@
|
||||
) }}
|
||||
{% call form_wrapper(data_kwargs={'preview-type': 'letter'}) %}
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full preview-pane">
|
||||
<div class="govuk-grid-column-full preview-pane">
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
{{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search by name') }}
|
||||
{{ radios(form.branding_style, hide_legend=True) }}
|
||||
</div>
|
||||
|
||||
@@ -63,7 +63,7 @@ describe('Preview pane', () => {
|
||||
`<form method="post" action="${emailPageURL}" autocomplete="off" data-preview-type="email" novalidate>
|
||||
<div class="govuk-grid-row"></div>
|
||||
<div class="govuk-grid-row">
|
||||
<div class="column-full">
|
||||
<div class="govuk-grid-column-full">
|
||||
<div data-module="autofocus">
|
||||
<div class="live-search js-header" data-module="live-search" data-targets=".multiple-choice">
|
||||
<div class="form-group">
|
||||
@@ -81,7 +81,7 @@ describe('Preview pane', () => {
|
||||
</div>
|
||||
</form>`;
|
||||
|
||||
document.querySelector('.column-full').appendChild(helpers.getRadioGroup(brands));
|
||||
document.querySelector('.govuk-grid-column-full').appendChild(helpers.getRadioGroup(brands));
|
||||
form = document.querySelector('form');
|
||||
radios = form.querySelector('fieldset');
|
||||
|
||||
|
||||
Reference in New Issue
Block a user