Replace grid-row with govuk-grid-row

Replaced all instances of `grid-row` in the HTML and JavaScript with
`govuk-grid-row`, which is the new GOV.UK Frontend class.
This commit is contained in:
Katie Smith
2020-02-19 11:57:15 +00:00
parent be48f3bac5
commit b9b9a138f9
135 changed files with 174 additions and 176 deletions

View File

@@ -476,8 +476,8 @@ describe('Live search', () => {
<span class="live-search-relevant">${user.label} (${user.email})</span> (invited)
</span>
</h3>
<ul class="tick-cross-list">
<div class="tick-cross-list-permissions">
<ul class="tick-cross-list govuk-grid-row">
<div class="tick-cross-list-permissions govuk-grid-column-three-quarters">
${getPermissionsHTML(user.permissions)}
<div class="tick-cross-list-hint">
Can see 15 folders

View File

@@ -61,8 +61,8 @@ describe('Preview pane', () => {
// set up DOM
document.body.innerHTML =
`<form method="post" action="${emailPageURL}" autocomplete="off" data-preview-type="email" novalidate>
<div class="grid-row"></div>
<div class="grid-row">
<div class="govuk-grid-row"></div>
<div class="govuk-grid-row">
<div class="column-full">
<div data-module="autofocus">
<div class="live-search js-header" data-module="live-search" data-targets=".multiple-choice">

View File

@@ -77,10 +77,10 @@ describe("Stick to top/bottom of window when scrolling", () => {
beforeEach(() => {
document.body.innerHTML = `
<div class="grid-row">
<div class="govuk-grid-row">
<main class="column-three-quarters column-main">
<form method="post" autocomplete="off">
<div class="grid-row js-stick-at-top-when-scrolling">
<div class="govuk-grid-row js-stick-at-top-when-scrolling">
<div class="column-two-thirds ">
<div class="form-group" data-module="">
<label class="form-label" for="placeholder_value">
@@ -98,7 +98,7 @@ describe("Stick to top/bottom of window when scrolling", () => {
</div>
<footer class="js-footer"></footer>`;
inputForm = document.querySelector('form > .grid-row');
inputForm = document.querySelector('form > .govuk-grid-row');
formFooter = document.querySelector('.page-footer');
footer = document.querySelector('.js-footer');