- {fieldsTranslations(label)}
+ {FieldsTranslations(label)}
{touched && error && (
@@ -216,7 +216,7 @@ export function DateField(props) {
>
- {fieldsTranslations(props.label)}
+ {FieldsTranslations(props.label)}
@@ -312,7 +312,7 @@ const RenderYesNo = ({
className="govuk-fieldset__heading govuk-body-m"
id={id + "_label"}
>
- {fieldsTranslations(label)}
+ {FieldsTranslations(label)}
{touched && error && (
@@ -400,7 +400,7 @@ const RenderPickList = ({
{Object.keys(dropdownObj).map((key, index) => {
return (
- {pickListTranslations(
+ {PickListTranslations(
dropdownObj[key].Label.LocalizedLabels[0].Label
)}
@@ -419,7 +419,7 @@ export function PickList(props) {
return (
- {fieldsTranslations(label)}
+ {FieldsTranslations(label)}
- {fieldsTranslations(props.label)}
+ {FieldsTranslations(props.label)}
- {fieldsTranslations(props.label)}
+ {FieldsTranslations(props.label)}
- {fieldsTranslations(props.label)}
+ {FieldsTranslations(props.label)}
{
- let { t } = useTranslation();
+const FieldsTranslations = (label) => {
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
@@ -520,8 +519,7 @@ const fieldsTranslations = (label) => {
return labelTrans;
};
-const pickListTranslations = (optionValue) => {
- let { t } = useTranslation();
+const PickListTranslations = (optionValue) => {
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
diff --git a/components/footer.js b/components/footer.js
index 93074a7a..85b7dc7d 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -141,42 +141,18 @@ export default function Footer(props) {
>
- {t(
- "common:footer-terms-conditions-link"
- )}
+ Contact us
- {t("common:footer-privacy-link")}
-
-
-
-
- {t("common:footer-cookies-link")}
-
-
-
-
- {t("common:footer-feedback-link")}
+ {t("common:footer-copyright-link")}
+
+
+
+
+ {t("common:footer-cookies-link")}
+
+
+
+
+
+ {t("common:footer-privacy-link")}
+
+
+
+
+
+ {t(
+ "common:footer-terms-conditions-link"
+ )}
+
+
+
+
+ {t(
+ "common:footer-alternative-languages-link"
+ )}
diff --git a/components/header.js b/components/header.js
index f9fb09c6..24fd8596 100644
--- a/components/header.js
+++ b/components/header.js
@@ -1,6 +1,8 @@
import Link from "next/link";
+import Image from "next/image";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
+import Banner from "../components/banner";
import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
import { setLogout } from "../store/accountDetails/action";
const Header = (props) => {
@@ -43,51 +45,19 @@ const Header = (props) => {
>
-
+ {/*
@@ -101,7 +71,7 @@ const Header = (props) => {
{serviceName || t("common:service-name")}
-
+
*/}
@@ -275,6 +245,7 @@ const Header = (props) => {
+
);
};
diff --git a/components/main.js b/components/main.js
index ad925872..19cfb3e3 100644
--- a/components/main.js
+++ b/components/main.js
@@ -28,8 +28,8 @@ export default function Home({ children, pages }) {
-
-
+ {/*
+
*/}
diff --git a/components/myportal/viewall.js b/components/myportal/viewall.js
index ad372280..54d25673 100644
--- a/components/myportal/viewall.js
+++ b/components/myportal/viewall.js
@@ -20,7 +20,7 @@ const ViewAllResults = (props) => {
Object.keys(resultsArr).map((key, index) => {
resultsRowArr.push(
-
+
{
@@ -38,7 +38,7 @@ const ViewAllResults = (props) => {
-
+
Site Address:{" "}
@@ -47,13 +47,13 @@ const ViewAllResults = (props) => {
{resultsArr[index].postcode}
-
+
Appellant/Applicant:
Mr smith
-
+
Authority:
{
resultsArr[index][
@@ -61,7 +61,7 @@ const ViewAllResults = (props) => {
]
}
-
+
Case Type:
{
resultsArr[index][
@@ -69,7 +69,7 @@ const ViewAllResults = (props) => {
]
}
-
+
Status:
{
resultsArr[index][
@@ -91,22 +91,22 @@ const ViewAllResults = (props) => {
-
+
{t("search:searchresults-case-reference-label")}
-
+
{t("search:searchresults-site-address-label")}
-
+
{t("search:searchresults-applicant-label")}
-
+
{t("search:searchresults-authority-label")}
-
+
{t("search:searchresults-case-type-label")}
-
+
{t("search:searchresults-status-label")}
diff --git a/components/newappeal/buildcheckrow.js b/components/newappeal/buildcheckrow.js
index 2460fc55..3568267f 100644
--- a/components/newappeal/buildcheckrow.js
+++ b/components/newappeal/buildcheckrow.js
@@ -53,8 +53,7 @@ let BuildCheckRow = (props) => {
return dateString;
}
- const fieldsTranslations = (label) => {
- let { t } = useTranslation();
+ const FieldsTranslations = (label) => {
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
@@ -95,7 +94,7 @@ let BuildCheckRow = (props) => {
return (
- {fieldsTranslations(rows[0].value)}
+ {FieldsTranslations(rows[0].value)}
{fieldtype[0].value ==
@@ -121,7 +120,7 @@ let BuildCheckRow = (props) => {
{t("newappeal:change-link-label")}
{" "}
- {fieldsTranslations(rows[0].value)}
+ {FieldsTranslations(rows[0].value)}
diff --git a/components/search/dnssearchresults.js b/components/search/dnssearchresults.js
index 62b7f277..9031fbfb 100644
--- a/components/search/dnssearchresults.js
+++ b/components/search/dnssearchresults.js
@@ -27,20 +27,20 @@ const DNSSearchResults = (props) => {
-
+
{t("search:searchresults-case-reference-label")}
-
+
{t("search:searchresults-site-address-label")}
-
+
{t("search:searchresults-applicant-label")}
-
+
{t("search:searchresults-authority-label")}
-
+
{t("search:searchresults-status-label")}
@@ -59,7 +59,7 @@ const DNSSearchResults = (props) => {
className="govuk-summary-list__row"
key={key}
>
-
+
{
-
+
{t(
"search:searchresults-site-address-label"
@@ -129,7 +129,7 @@ const DNSSearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode
: ""}
-
+
{t(
"search:searchresults-applicant-label"
@@ -144,7 +144,7 @@ const DNSSearchResults = (props) => {
]
: ""}
-
+
{t(
"search:searchresults-authority-label"
@@ -168,7 +168,7 @@ const DNSSearchResults = (props) => {
] || "N/A"
: ""}
-
+
{t(
"search:searchresults-status-label"
diff --git a/components/search/searchresults.js b/components/search/searchresults.js
index 49b8ba4d..0e057732 100644
--- a/components/search/searchresults.js
+++ b/components/search/searchresults.js
@@ -25,22 +25,22 @@ const SearchResults = (props) => {
return (
-
+
{t("search:searchresults-case-reference-label")}
-
+
{t("search:searchresults-site-address-label")}
-
+
{t("search:searchresults-applicant-label")}
-
+
{t("search:searchresults-authority-label")}
-
+
{t("search:searchresults-case-type-label")}
-
+
{t("search:searchresults-status-label")}
@@ -54,7 +54,7 @@ const SearchResults = (props) => {
return (
-
+
{
-
+
{t(
"search:searchresults-site-address-label"
@@ -109,7 +109,7 @@ const SearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode
: ""}
-
+
{t("search:searchresults-applicant-label")}:
@@ -121,7 +121,7 @@ const SearchResults = (props) => {
]
: ""}
-
+
{t("search:searchresults-authority-label")}:
@@ -142,7 +142,7 @@ const SearchResults = (props) => {
] || "N/A"
: ""}
-
+
{t("search:searchresults-case-type-label")}:
@@ -159,7 +159,7 @@ const SearchResults = (props) => {
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
-
+
{t("search:searchresults-status-label")}:
diff --git a/components/search/viewall.js b/components/search/viewall.js
index b12d706f..ec4e33f9 100644
--- a/components/search/viewall.js
+++ b/components/search/viewall.js
@@ -12,7 +12,7 @@ export default function ViewAllResults(props) {
var resultsArr = props.searchResultsObj.searchResultsObj.value || [{}];
const resultRow = Object.keys(resultsArr).map((key, index) => {
-
+
@@ -22,28 +22,28 @@ export default function ViewAllResults(props) {
-
+
Site Address:
23 Martineau Lane
HASTINGS
TN35 5DS
-
+
Appellant/Applicant:
Mr J Pocknell
-
+
Authority:
Hastings Borough Council{" "}
-
+
Case Type:
Planning (W){" "}
-
+
Status:
In Progress
@@ -59,22 +59,22 @@ export default function ViewAllResults(props) {
-
+
{t("search:searchresults-case-reference-label")}
-
+
{t("search:searchresults-site-address-label")}
-
+
{t("search:searchresults-applicant-label")}
-
+
{t("search:searchresults-authority-label")}
-
+
{t("search:searchresults-case-type-label")}
-
+
{t("search:searchresults-status-label")}
@@ -82,7 +82,7 @@ export default function ViewAllResults(props) {
{resultsArr.map((item, key) => {
return (
-
+
-
+
Site Address:{" "}
@@ -107,13 +107,13 @@ export default function ViewAllResults(props) {
TN35 5DS
-
+
Appellant/Applicant:
Mr J Pocknell
-
+
Authority:
@@ -123,7 +123,7 @@ export default function ViewAllResults(props) {
]
}
-
+
Case Type:
@@ -133,7 +133,7 @@ export default function ViewAllResults(props) {
]
}
-
+
Status:
diff --git a/components/servicebanner.js b/components/servicebanner.js
new file mode 100644
index 00000000..7654ba9c
--- /dev/null
+++ b/components/servicebanner.js
@@ -0,0 +1,22 @@
+import Link from "next/link";
+import Image from "next/image";
+import useTranslation from "next-translate/useTranslation";
+import router from "next/router";
+
+export default function ServiceBanner() {
+ let { t, lang } = useTranslation();
+ return (
+
+
+
+
+
+ );
+}
diff --git a/locales/cy/common.json b/locales/cy/common.json
index 8687e92c..4eb839b1 100644
--- a/locales/cy/common.json
+++ b/locales/cy/common.json
@@ -2,6 +2,7 @@
"gov-wales-link": "https://llyw.cymru",
"gov-wales-label": "LLYW.CYMRU",
"service-name": "Cynllunio gwaith achos",
+ "service-name-breadcrumb": "Hafan",
"new-service-beta": "Mae hwn yn wasanaeth newydd",
"breadcrumb-back-link": "Yn ôl",
"error-radio": "Dewiswch opsiwn",
@@ -16,6 +17,8 @@
"footer-cookies-link": "Chwcis",
"footer-accessibility-link": "Hygyrchedd",
"footer-feedback-link": "Adborth",
+ "footer-copyright-link": "Datganiad hawlfraint",
+ "footer-alternative-languages-link": "Ieithoedd amgen",
"mobile-nav-label": "Dewislen",
"signout-label": "Cofrestrwch allan",
"back-to-top-link": "Nôl i dop y dudalen",
diff --git a/locales/cy/home.json b/locales/cy/home.json
index e769e499..bcb17ba5 100644
--- a/locales/cy/home.json
+++ b/locales/cy/home.json
@@ -27,6 +27,6 @@
"inspectorate-card-visit-link": "Hafan",
"inspectorate-card-alt-text": "Yr Arolygiaeth Gynllunio",
"dns-card-title": "Datblygiadau o Arwyddocâd Cenedlaethol",
- "dns-card-paragraph": "Mae Datblygiad o Arwyddocâd Cenedlaethol (DAC) yn fath o gais cynllunio ar gyfer prosiect seilwaith mawr sydd o bwysigrwydd cenedlaethol yng Nghymru. Yn y fan hon, gallwch gael gwybod am geisiadau DAC arfaethedig. Rheolir y safle hwn gan yr Arolygiaeth Gynllunio.",
+ "dns-card-paragraph": "Mae Datblygiad o Arwyddocâd Cenedlaethol (DAC) yn fath o gais cynllunio ar gyfer prosiect seilwaith mawr sydd o bwysigrwydd cenedlaethol yng Nghymru. Yn y fan hon, gallwch gael gwybod am geisiadau DAC arfaethedig.",
"dns-card-button": "Gweld pob cais"
}
\ No newline at end of file
diff --git a/locales/cy/search.json b/locales/cy/search.json
index 4929abd7..67dd43c1 100644
--- a/locales/cy/search.json
+++ b/locales/cy/search.json
@@ -57,7 +57,7 @@
"searchresults-case-type-label": "Math o Achos",
"searchresults-status-label": "Statws",
"searchresults-watch-label": "Gwylio",
- "searchresults-search-button-label": "Mireinio'r chwiliad",
+ "searchresults-search-button-label": "Chwilio uwch",
"searchresults-new-search-button-label": "Chwiliad newydd",
"searchresults-no-records-label": "Nid oes unrhyw gofnodion"
}
\ No newline at end of file
diff --git a/locales/en/common.json b/locales/en/common.json
index 7311f4ee..98ed242a 100644
--- a/locales/en/common.json
+++ b/locales/en/common.json
@@ -2,6 +2,7 @@
"gov-wales-link": "https://www.gov.wales",
"gov-wales-label": "GOV.WALES",
"service-name": "Planning casework",
+ "service-name-breadcrumb": "Home",
"new-service-beta": "This is a new service",
"breadcrumb-back-link": "Back",
"error-radio": "Choose an option",
@@ -12,10 +13,12 @@
"search-button": "Search",
"submit-and-start": "Submit and start course",
"footer-terms-conditions-link": "Terms and conditions",
- "footer-privacy-link": "Privacy Notice",
+ "footer-privacy-link": "Privacy",
"footer-cookies-link": "Cookies",
"footer-accessibility-link": "Accessibility",
- "footer-feedback-link": "Feedback",
+ "footer-feedback-link": "Give feedback about this page",
+ "footer-copyright-link": "Copyright statement",
+ "footer-alternative-languages-link": "Alternative languages",
"mobile-nav-label": "Menu",
"signout-label": "Sign out",
"back-to-top-link": "Back to top",
diff --git a/locales/en/dnsHome.json b/locales/en/dnsHome.json
index 6776d01f..1fcd2cb7 100644
--- a/locales/en/dnsHome.json
+++ b/locales/en/dnsHome.json
@@ -1,5 +1,5 @@
{
- "title-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications. This site is managed by the Planning Inspectorate.",
+ "title-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications.",
"title-application-search-placeholder": "Search application name",
"title-application-search-button": "Go",
"links-applications-title": "Applications",
diff --git a/locales/en/home.json b/locales/en/home.json
index d33cb767..86ebd596 100644
--- a/locales/en/home.json
+++ b/locales/en/home.json
@@ -27,6 +27,6 @@
"inspectorate-card-visit-link": "Home",
"inspectorate-card-alt-text": "The Planning Inspectorate",
"dns-card-title": "Developments of National Significance",
- "dns-card-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications. This site is managed by the Planning Inspectorate.",
+ "dns-card-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications.",
"dns-card-button": "View all applications"
}
\ No newline at end of file
diff --git a/locales/en/search.json b/locales/en/search.json
index ade4a9e0..8f2ecaa5 100644
--- a/locales/en/search.json
+++ b/locales/en/search.json
@@ -57,7 +57,7 @@
"searchresults-case-type-label": "Case type",
"searchresults-status-label": "Status",
"searchresults-watch-label": "Watch",
- "searchresults-search-button-label": "Refine Search",
+ "searchresults-search-button-label": "Advanced Search",
"searchresults-new-search-button-label": "New Search",
"searchresults-no-records-label": "There are no records"
}
\ No newline at end of file
diff --git a/pages/account/changepassword.js b/pages/account/changepassword.js
index 3d2c44c5..00383eea 100644
--- a/pages/account/changepassword.js
+++ b/pages/account/changepassword.js
@@ -53,7 +53,6 @@ const Home = (props) => {
-
{
-
{
-
{
-
{
-
{
-
{hasError ? (
diff --git a/pages/advancedsearchresults.js b/pages/advancedsearchresults.js
index 2a456ea3..38ef36b9 100644
--- a/pages/advancedsearchresults.js
+++ b/pages/advancedsearchresults.js
@@ -51,7 +51,6 @@ const Home = (props) => {
-
{
};
export default async function ApiProxy(req, res) {
- // console.log(req.method);
+ console.log(req.method);
var updateBody = {
"pinswg_areaofsiteinhectaresdec": 21,
@@ -112,14 +112,14 @@ export default async function ApiProxy(req, res) {
console.log(req.url.split("/api/proxy/")[1]);
return new Promise((resolve, reject) => {
- // console.log(config);
+ console.log(config);
axios(req.method == "GET" ? configNoData : config)
.then((response) => {
res.statusCode = 200;
res.setHeader("Content-Type", "application/json");
res.setHeader("Cache-Control", "max-age=1800000");
res.end(JSON.stringify(response.data));
- // console.log("response data", response.data);
+ console.log("response data", response.data);
resolve();
})
.catch((error) => {
diff --git a/pages/case.js b/pages/case.js
index 7bc70e5c..b0eae768 100644
--- a/pages/case.js
+++ b/pages/case.js
@@ -36,7 +36,6 @@ const Home = (props) => {
-
{
-
-
diff --git a/pages/dns/application-view.js b/pages/dns/application-view.js
index 867d29cd..4307952c 100644
--- a/pages/dns/application-view.js
+++ b/pages/dns/application-view.js
@@ -36,7 +36,6 @@ const ApplicationView = (props) => {
-
diff --git a/pages/dns/applications.js b/pages/dns/applications.js
index 7d075fe3..412f1be8 100644
--- a/pages/dns/applications.js
+++ b/pages/dns/applications.js
@@ -37,7 +37,6 @@ const Applications = (props) => {
-
diff --git a/pages/dns/contact-us.js b/pages/dns/contact-us.js
index ea49973c..e82ca298 100644
--- a/pages/dns/contact-us.js
+++ b/pages/dns/contact-us.js
@@ -35,7 +35,6 @@ const Home = (props) => {
-
diff --git a/pages/dns/help.js b/pages/dns/help.js
index ac3103c9..f232102c 100644
--- a/pages/dns/help.js
+++ b/pages/dns/help.js
@@ -33,7 +33,6 @@ const Home = (props) => {
-
diff --git a/pages/dns/index.js b/pages/dns/index.js
index 831920ac..70c19bed 100644
--- a/pages/dns/index.js
+++ b/pages/dns/index.js
@@ -30,7 +30,6 @@ const Home = (props) => {
-
diff --git a/pages/dnsapplications.js b/pages/dnsapplications.js
index f303bb5d..06c19117 100644
--- a/pages/dnsapplications.js
+++ b/pages/dnsapplications.js
@@ -47,7 +47,6 @@ const Home = (props) => {
-
{
-
{
-
+
diff --git a/pages/logout.js b/pages/logout.js
index d633a3bd..32341a8d 100644
--- a/pages/logout.js
+++ b/pages/logout.js
@@ -27,7 +27,6 @@ const LogOut = (props) => {
-
{t("common:logged-out-title")}
{t("common:logged-out-link")}
diff --git a/pages/myportal/advancedsearch.js b/pages/myportal/advancedsearch.js
index 25b97423..99bb2b58 100644
--- a/pages/myportal/advancedsearch.js
+++ b/pages/myportal/advancedsearch.js
@@ -58,7 +58,6 @@ const Home = (props) => {
-
{hasError ? (
diff --git a/pages/myportal/advancedsearchresults.js b/pages/myportal/advancedsearchresults.js
index 372c8707..397319b3 100644
--- a/pages/myportal/advancedsearchresults.js
+++ b/pages/myportal/advancedsearchresults.js
@@ -16,7 +16,7 @@ import useTranslation from "next-translate/useTranslation";
import jsonpath from "jsonpath";
import data from "../../data/collections.json";
-import { setSearch, getSearchObj } from "../store/search/action";
+import { setSearch, getSearchObj } from "../../store/search/action";
import {
setSearchResults,
setSearchDetails,
@@ -51,7 +51,6 @@ const Home = (props) => {
-
{
-
{
-
{
-
{
-
{
return ;
default:
- return ;
+ return ;
}
re;
};
@@ -212,7 +212,6 @@ let Home = (props) => {
-
{
-
{
-
diff --git a/pages/newappeal/selectappeal.js b/pages/newappeal/selectappeal.js
index 3f6c4590..ff7275a4 100644
--- a/pages/newappeal/selectappeal.js
+++ b/pages/newappeal/selectappeal.js
@@ -76,7 +76,6 @@ const Home = (props) => {
-
New Appeal
diff --git a/pages/representation.js b/pages/representation.js
index 4080a662..40aee728 100644
--- a/pages/representation.js
+++ b/pages/representation.js
@@ -34,7 +34,6 @@ const Home = (props) => {
-
{
-
{
-
diff --git a/public/assets/images/arrow-right--white.svg b/public/assets/images/arrow-right--white.svg
new file mode 100644
index 00000000..357dc277
--- /dev/null
+++ b/public/assets/images/arrow-right--white.svg
@@ -0,0 +1 @@
+
diff --git a/public/assets/images/cymru.svg b/public/assets/images/cymru.svg
new file mode 100644
index 00000000..b32ed5d6
--- /dev/null
+++ b/public/assets/images/cymru.svg
@@ -0,0 +1,19 @@
+
+
+ global/brand/welsh-government/white
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/assets/images/planning-casework-cy.svg b/public/assets/images/planning-casework-cy.svg
new file mode 100644
index 00000000..e7b5ba28
--- /dev/null
+++ b/public/assets/images/planning-casework-cy.svg
@@ -0,0 +1,9 @@
+
+
+ Cynllunio gwaith ach
+
+
+ Cynllunio gwaith achos
+
+
+
\ No newline at end of file
diff --git a/public/assets/images/planning-casework-en.svg b/public/assets/images/planning-casework-en.svg
new file mode 100644
index 00000000..80c762f4
--- /dev/null
+++ b/public/assets/images/planning-casework-en.svg
@@ -0,0 +1,9 @@
+
+
+ Planning casework
+
+
+ Planning casework
+
+
+
\ No newline at end of file
diff --git a/styles/sass/components/_cookie-banner.scss b/styles/sass/components/_cookie-banner.scss
index cc5a76ad..2cded70a 100644
--- a/styles/sass/components/_cookie-banner.scss
+++ b/styles/sass/components/_cookie-banner.scss
@@ -1,11 +1,7 @@
.app-cookie-banner {
- @include govuk-font(16);
- @include govuk-text-colour;
-
box-sizing: border-box;
width: 100%;
- padding-top: govuk-spacing(3);
padding-right: govuk-spacing(3);
padding-bottom: govuk-spacing(3);
padding-left: govuk-spacing(3);
diff --git a/styles/sass/patterns/_card.scss b/styles/sass/patterns/_card.scss
index 1ebdd33d..468f1b35 100644
--- a/styles/sass/patterns/_card.scss
+++ b/styles/sass/patterns/_card.scss
@@ -68,9 +68,9 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
}
.card {
- border: 1px solid $govuk-border-colour; //$panel-colour;
+ border: none;
font-size: 16px;
- background-color: govuk-colour("light-grey", $legacy: "grey-4");
+ background-color: $lightgrey_offwhite;
&.inactive {
color: $govuk-secondary-text-colour;
@@ -87,6 +87,27 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
*:last-child {
margin-bottom: 0;
}
+ a,
+ a:active,
+ a:visited {
+ color: $blue;
+ font-weight: bold;
+ &:hover {
+ color: $lightblue;
+ }
+ &.govuk-button {
+ color: $white;
+ &:focus {
+ color: $black;
+ background-image: url(https://gov.wales/themes/custom/govwales/storage/smartsurvey/arrow-right--black.svg);
+ }
+ }
+ }
+
+ a:focus {
+ border: $yellow solid 3px;
+ outline: 3px solid transparent;
+ }
&.active {
background-color: govuk-colour("light-grey", $legacy: "grey-4");
diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss
index b6d0652d..15423e67 100644
--- a/styles/sass/welshgov/_application.scss
+++ b/styles/sass/welshgov/_application.scss
@@ -14,6 +14,7 @@ html {
.govuk-header-l,
.govuk-header-m,
.govuk-header__link,
+.govuk-footer__link,
.govuk-button,
.govuk-label,
.govuk-select,
@@ -23,6 +24,7 @@ html {
.govuk-panel,
.govuk-panel__title,
.govuk-warning-text__text,
+.app-cookie-banner,
h1,
h2,
h3,
@@ -56,6 +58,47 @@ body {
margin-right: 45px;
}
}
+
+ .cookies-banner__link,
+ .cookies-banner__button {
+ display: block;
+ color: #0360a6;
+ background-color: inherit;
+ border: 2px solid #0360a6;
+ padding: 7px 14px;
+ margin-top: 10px;
+ font-size: 14px;
+ font-size: 0.875rem;
+ line-height: 18px;
+ line-height: 1.125rem;
+ font-weight: bold;
+ width: 100%;
+ text-align: center;
+ &:hover {
+ background-color: #0360a6;
+ color: #eeeeee;
+ }
+ }
+ @media screen and (min-width: 768px) {
+ .cookies-banner__link,
+ .cookies-banner__button {
+ display: inline-block;
+ width: auto;
+ margin-right: 10px;
+ margin-top: 0;
+ }
+ }
+ .cookies-banner__description {
+ color: $black;
+ font-size: 16px;
+ font-size: 1rem;
+ }
+ @media screen and (min-width: 768px) {
+ .cookies-banner__description {
+ font-size: 18px;
+ font-size: 1.125rem;
+ }
+ }
}
.skiplink {
@@ -94,7 +137,25 @@ a.longLinkBreak {
word-wrap: break-word;
}
.govuk-header {
- background-color: #323232;
+ background-color: $charcoal;
+
+ .govuk-header__container {
+ border-bottom: none;
+ margin-bottom: initial;
+ padding-top: 20px;
+ }
+ &.phase_banner {
+ background-color: $yellow;
+
+ .govuk-header__container {
+ padding-top: 0;
+ }
+ .govuk-phase-banner {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ border-bottom: none;
+ }
+ }
}
.govuk-breadcrumbs__link:link,
@@ -105,6 +166,22 @@ a.longLinkBreak {
font-size: 16px;
}
+.govuk-breadcrumbs__list-item:before {
+ top: 0;
+ bottom: 0;
+ left: -3.31px;
+ width: 5px;
+ height: 5px;
+ border-width: 2px 2px 0 0;
+ border-color: $darkgrey;
+}
+
+.servicebanner {
+ h1 {
+ margin-bottom: 0px;
+ }
+}
+
.govuk-grid-row {
@media screen and (max-width: 900px) {
// margin-right: 0px;
@@ -118,10 +195,20 @@ a.longLinkBreak {
.govuk-button {
background-color: $red;
+ color: $white;
+ font-size: 20px;
+ background-image: url(/assets/images/arrow-right--white.svg);
+ font-weight: bold;
+ background-repeat: no-repeat;
+ background-position: right center;
+ padding: 15px 45px 15px 20px !important;
+ transition: all 0.2s ease-in;
&.govuk-button--secondary {
background-color: $white;
color: $red;
+ background-image: none;
+ padding-right: 20px !important;
border: 1px solid red;
&:hover {
@@ -129,10 +216,14 @@ a.longLinkBreak {
color: $white;
}
}
+ &:focus {
+ color: $black;
+ background-image: url(https://gov.wales/themes/custom/govwales/storage/smartsurvey/arrow-right--black.svg);
+ }
}
.govuk-button:hover {
- background-color: $lightred;
+ background-color: $brightred;
}
.sharebar {
@@ -178,10 +269,20 @@ a.longLinkBreak {
border: 1px solid #999999;
line-height: 17px;
line-height: 1.0625rem;
+
+ &:focus {
+ background-color: #ffd530 !important;
+ border-color: transparent !important;
+ color: #1f1f1f !important;
+ outline: 2px solid #1f1f1f;
+ text-decoration: none !important;
+ -webkit-box-shadow: 0 0 0 2px #ffd530;
+ box-shadow: 0 0 0 2px #ffd530;
+ }
}
.languageSwitch {
- margin-top: 15px;
+ margin-top: 10px;
text-align: right;
margin-right: 20px;
@@ -191,11 +292,18 @@ a.longLinkBreak {
right: -10px;
}
a.govuk-header__link {
- background-color: black;
- padding: 10px;
+ background-color: $black;
+ padding: 10px 20px;
+ font-weight: 700;
+
+ &:hover {
+ background-color: $midgrey;
+ color: $white;
+ text-decoration: none;
+ }
}
a.govuk-header__link:focus {
- background-color: black;
+ background-color: $black;
padding: 10px;
color: #fff;
box-shadow: none;
@@ -309,7 +417,7 @@ a.longLinkBreak {
float: left;
margin: 0;
padding: 0;
- width: 200px;
+ width: 140px;
//height: 34px;
// background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 34'%3E%3Cpath style='fill:none;' d='M0 0h140v34H0z' /%3E%3Cg%3E%3Cpath style='fill:%23fff;' d='M.5 12.9a1.5 1.5 0 0 1 .6-.7 3.9 3.9 0 0 1 1.6-.2A9.1 9.1 0 0 1 6 14a29.6 29.6 0 0 1 3.2 3l.7-1.4a42.1 42.1 0 0 0-6-4C2.5 11.2.7 11 .5 12.9zM1.9 10.6c1.6-.5 1.8.6 2.1.9l1.2.7c-1.6-3.7-3.3-1.6-3.3-1.6z'/%3E%3Cpath style='fill:%23fff;' d='M2.6 12.5c3.8 2.8.6 4.1.6 4.1a1.3 1.3 0 0 0 1.7-.4l.3-.6a1.7 1.7 0 0 0 .1-.5A40.2 40.2 0 0 1 9 19.9a11 11 0 0 1-.2-1.8c-1.2-1.4-1.5-1.9-2.3-2.7-2.2-2.7-4-3-4-3M18.4 12.2a7.1 7.1 0 0 1-.1-2 8.7 8.7 0 0 0 .5-1.5h.1l.6.4a8.4 8.4 0 0 1-.6-1.7v-.1a4.1 4.1 0 0 0-.9-1.8 4.6 4.6 0 0 1 .3 1.9c-.1 1.7-2.6 3.7-2 6.6a5.7 5.7 0 0 0 2 3 15.3 15.3 0 0 1-.9-3.2 4.1 4.1 0 0 1 .5-2.5h.2zM35.3.5a56.6 56.6 0 0 0-6.4 1.4c-2.1.7-5.2 2-6.6 3.8s-.2 4.6-.6 6.4-3.2 3.8-3.2 3.8 3.3-.9 4.4-3.5-.2-3.3 1.1-6.1S35.3.5 35.3.5z'/%3E%3Cpath style='fill:%23fff;' d='M35.4.7a7.8 7.8 0 0 0-4.8 4.6l1.6-.3s.1-2.2 3.2-4.3zM41 5.4a26.7 26.7 0 0 0-11.1.5c-5.5 1.7-4.8 4.5-4.9 6s-1.4 5.2-6.3 4.8a5.5 5.5 0 0 0 6-1c3.2-2.6 1-5.7 3.6-7.2S33 5.8 41 5.4z'/%3E%3Cpath style='fill:%23fff;' d='M27 13.5a6.2 6.2 0 0 1 3.5 1.8 5.2 5.2 0 0 0-3.8-1zM36.5 11s-5.2.1-5.3 4.6c-.2-.1-3-5 5.3-4.6zM40.6 5.7c-5.3 1.1-4.1 5.3-4.1 5.3-2.7-5.4 4.1-5.3 4.1-5.3zM25.9 19.6a6.1 6.1 0 0 1 5.2-4c-4.1-.8-5.1 1.2-5.2 2.7a36 36 0 0 0-6.3-.7 18.2 18.2 0 0 1 6.3 2zM4.2 30.8a3.6 3.6 0 0 1 1.8-.4 4.7 4.7 0 0 0 1.8-.4l-2.7-.5c-1 .1-.9 1.3-.9 1.3zM23.9 28a.8.8 0 0 1 .7-.9 4.6 4.6 0 0 1 2 .4l-1.3.3a2.6 2.6 0 0 0-1.4.2zM31.4 31.2a3.1 3.1 0 0 1 1.7-.3h1.4c-.4 0-1.2-.9-2.2-.7a.9.9 0 0 0-.9 1zM36.1 10.8c-6.4-1.5-8.4-.4-8.4-.4a2 2 0 0 0 .2-.6c.2-.3.2-.4.2-.5a19.1 19.1 0 0 1 8 1.5zM11.3 6.7a2.4 2.4 0 0 0-1.6-.8c-1.2 0-2.3 1.4-3.3 1.4a3.2 3.2 0 0 1-1.7-.4 2.4 2.4 0 0 0 1.7.9c1.4 0 2.4-1.3 3.3-1.3zM14.2 8.1a6.2 6.2 0 0 1 .1 2c-.1 2.2-4.3 5.2-4.3 8.7a5.1 5.1 0 0 0 1.6 3.4 8.5 8.5 0 0 1-.4-3.8c.4-2.6 3.7-5.6 3.6-8.1a3.5 3.5 0 0 0-.6-2.2z'/%3E%3Cpath style='fill:%23fff;' d='M12.1 22.1a4.8 4.8 0 0 1-.2-2.8c.3-.9 1.1-1.6 2.7-2 0 0-2.8 2.6-.7 4.8a9.8 9.8 0 0 0-2 2.9c-.6 1.3-1.8 4.2-2.2 4.8A5.4 5.4 0 0 1 7.1 32c-1.7.1-3.7.4-3.8 1.7a1.7 1.7 0 0 1-.3-1.2c.1-.9 1.5-1.9 3-1.8a3.2 3.2 0 0 0 3.6-2.1 60.4 60.4 0 0 1 2.5-6.5z'/%3E%3Cpath style='fill:%23fff;' d='M14.5 22.3s-2.3 6.9-6.3 9.6a10.3 10.3 0 0 1 3.2-.1c.7.3 1.5.8.8 2s1.4-.8 1.1-2-1.8-1-1.8-1-.4-.2-.2-.8 1.8-2.6 2-3l2.3-3.6a2.5 2.5 0 0 0 2.4-1.3c.9-1.8-1-3.4-1-3.4s.8 1.9-.1 2.8a3.1 3.1 0 0 1-2.4.8z'/%3E%3Cpath style='fill:%23fff;' d='M16.4 23.9l1.1-.4s.4.4 2 .4h.3a30.3 30.3 0 0 0 7.4-2.3l.4.6c-2.7.9-5.8 3.5-9.9 3l-1.9-.4zM28 27.2a3.8 3.8 0 0 1-2 1.7c-1.2 0-2.7.3-2.8 1.3a1 1 0 0 1-.2-.9c0-.6.9-1.4 2.2-1.3a2 2 0 0 0 2.3-1.7c.3-.9 0-2.6.4-3.7l.9.7v.3c-.5 1.2-.3 2.6-.8 3.6zM29.7 23.9l.7.4a4.7 4.7 0 0 0-.4 1.2l-.7 2.1c-.2.5.1.6.1.6s1.1.1 1.3.8-.8 1.5-.8 1.5-.1-1.3-.6-1.5a6.8 6.8 0 0 0-2.2.1c1.7-1.2 2.3-4.6 2.6-5.2z'/%3E%3Cpath style='fill:%23fff;' d='M36.3 30.9s.5 1 .2 1.3-1.8 0-3.4.2-2.4.3-2.5 1.5a1.6 1.6 0 0 1-.3-1.1 2.5 2.5 0 0 1 2.7-1.6h1.9c.4-.2-.6-2.2-.8-2.6-1.5-3-1.5-4-1.5-4.2s-4.2-.8-5.2-3.7c3.4 2.8 6 2.8 6 2.8a56.1 56.1 0 0 0 2.9 7.4zM37.3 15.2h1.2c1.8-3.9 5-7.9 5-10.3a4 4 0 0 0-1.1-2.6l-.2.6A10.6 10.6 0 0 0 40.7.4l2.7 1.3h-.5a4.1 4.1 0 0 1 1.2 3c.1 2.8-3 6-4.8 10.3 4 .5 6.7 3 6.7 5.6s-2.3 5.2-4.4 5.2a4.8 4.8 0 0 1-2.6-.7c-1-.5-2-1.7-2-4.1a10.8 10.8 0 0 1 .9-4.7l-2.7.3-1.1.3a4.2 4.2 0 0 1 2.1 2.7 7.2 7.2 0 0 1-.4 3.7 15.2 15.2 0 0 0 1.1 5.3l.6 1.5a1.7 1.7 0 0 0 .8.9s1.2.2 1.5.9a1 1 0 0 1-.3 1.4c.3-1.1-.7-1.3-1.3-1.3h-1a11.9 11.9 0 0 0-.6-2.3s-1-2.7-1.3-4a24.3 24.3 0 0 1-.7-3s2.8-4.8-3.5-6.8h.9l1.7-.5zm1.6 1.3a13.3 13.3 0 0 0-.8 5c.1 1.7 1.1 4 3.8 3.7a3.3 3.3 0 0 0 2.7-1.9 5.6 5.6 0 0 0 .5-2.1 4.2 4.2 0 0 0-1.6-3.2 6.9 6.9 0 0 0-4.6-1.5M11 4.3s-2.2-.7-3.6.4l.7 1.2a2.3 2.3 0 0 1 3.3.2l.3.5a3.8 3.8 0 0 1-3.6 1 2.5 2.5 0 0 0 2.3 1.1c1.6 0 3.2-1.7 3.7-1.1s-.2-2.3 2.7-3.2l.7.8a3.1 3.1 0 0 0 .9-2.5A3.2 3.2 0 0 0 16.9.1a3.7 3.7 0 0 1-.3 2.1 2.1 2.1 0 0 1-1.8 1.3l-1.3-.2c-.3-.1-2.4-.8-2.5 1zm2.4-.1s-.7 1.2-1.7.5 0-.7.6-.6.5.2 1.1.1zM60.1 6.9h1v6.5h2.5v.8h-3.4zM64.4 6.4h.9v7.9h-.9zM68.4 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.6-5.6h1l1.2 4.4 1.1-4.4h.9zM76 14.4h-1l-1.1-4.6-1.1 4.6h-1L70.4 9h1l1 4.5 1-4.5h1.1l1.1 4.5 1-4.5h.9zM80.1 8.9c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.1-1.1-2.1-2.8.7-2.8 2.1-2.8zm0 4.8c.9 0 1.2-.7 1.2-2.1s-.4-2.1-1.2-2.1-1.2.7-1.2 2.1.3 2.1 1.2 2.1zM87.2 13.4c0 .3.1.7.1 1h-.9v-.8a1.5 1.5 0 0 1-1.4.9c-1.1 0-1.9-.9-1.9-2.8s.7-2.8 1.9-2.8a1.7 1.7 0 0 1 1.4.8V6.4h.9zm-2.1-3.8q-1.2 0-1.2 2.1t1.2 2.1 1.2-2.1q0-2.1-1.2-2.1zM88.4 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM91.7 9.3a2.6 2.6 0 0 1 1.5-.4 1.7 1.7 0 0 1 1.4.5 1.7 1.7 0 0 1 .5 1.3v2.8a2.7 2.7 0 0 0 .1.9h-.8v-.7a1.7 1.7 0 0 1-1.5.8 1.4 1.4 0 0 1-1.6-1.5c0-1.1.7-1.8 2.6-1.8h.5v-.3a2.4 2.4 0 0 0-.2-.9c-.2-.3-.5-.3-.9-.3a1.8 1.8 0 0 0-1.4.6zm2.6 2.4h-.6c-1.1 0-1.5.5-1.5 1.1s.3 1 .9 1a1.3 1.3 0 0 0 1.3-1.3v-.7zM97.1 11.9c0 1.3.5 1.9 1.5 1.9a2.1 2.1 0 0 0 1.2-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM103.5 14.3l-.7.2c-.8 0-1.3-.3-1.3-1.3V9.7h-.9V9h.9V7.8l.9-.3v1.4h1.1v.7h-1.1v3.2q0 .9.6.9l.5-.2zM104.2 6.4h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9V11c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 14.3l-1.3.2c-2.3 0-3.4-1.8-3.4-3.8s1.3-3.8 3.3-3.8a2.9 2.9 0 0 1 1.4.3v.9a2.3 2.3 0 0 0-1.4-.4c-1.2 0-2.3 1-2.3 2.8s.7 3.2 2.4 3.2a1.8 1.8 0 0 0 1.3-.4zM119.3 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.7-5.5h1l1.2 4.4 1.1-4.4h.9zM121.8 10.1c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM129.5 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM136.4 13.2c0 .4.1.8.1 1.2h-.9v-.8a1.4 1.4 0 0 1-1.4.9c-1 0-1.6-.5-1.6-1.8V8.9h.9v3.6c0 .9.3 1.2.9 1.2s1.2-.5 1.2-1.5V8.9h.9v4.3zM59.4 19.7h1l1.2 5.9 1.3-5.9h1.2l1.3 5.9 1.3-5.9h.9l-1.7 7.4h-1.1l-1.4-6.3-1.4 6.3h-1.1zM68.9 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM73.1 19.1h.9V27h-.9zM75.2 26.1a2.2 2.2 0 0 0 1.3.4c.7 0 1.1-.4 1.1-.7s-.2-.6-.7-.9l-.6-.3c-.8-.4-1.1-.7-1.1-1.4a1.6 1.6 0 0 1 1.7-1.6h.1l1.2.2v.7H77c-.6 0-.9.3-.9.7s.3.7.9.9h.3c.7.3 1.1.7 1.1 1.4s-.5 1.7-1.8 1.7a3.3 3.3 0 0 1-1.5-.3zM79.3 19.1h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM92.1 26.7a4.8 4.8 0 0 1-1.9.4c-2.4 0-3.4-1.8-3.4-3.8s1.4-3.8 3.3-3.8l1.8.3v1a4 4 0 0 0-1.8-.5c-1.2 0-2.3 1-2.3 2.8s.8 3.2 2.4 3.2l1-.2v-2.2h-1.3v-.8h2.2zM95.6 21.6c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.3-.7 1.3-2.1s-.4-2.1-1.3-2.1-1.3.7-1.3 2.1.4 2 1.3 2zM98.2 21.6h1l1.2 4.5 1.2-4.5h1l-1.7 5.3h-1.1zM104 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM108.1 22.8c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8V27h-.9zM111.2 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.6c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM124.7 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.3-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM128.8 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9v-4.4zM136.4 26.9l-.7.2c-.9 0-1.3-.3-1.3-1.3v-3.4h-.9v-.7h.9v-1.1l.9-.3v1.4h1.1v.7h-1.2v3.2q0 .9.6.9l.6-.2v.7zM52 0h1v33.88h-1z'/%3E%3C/g%3E%3C/svg%3E);
// background-repeat: no-repeat;
@@ -321,6 +429,18 @@ a.longLinkBreak {
.govuk-header__logo {
width: 22% !important;
+
+ a.govuk-header__link {
+ &:hover {
+ text-decoration: none;
+ border: none;
+ margin-bottom: 0px;
+ }
+ &:focus {
+ background-color: $yellow;
+ color: $black;
+ }
+ }
}
// nav {
@@ -329,13 +449,24 @@ a.longLinkBreak {
// }
.govuk-footer {
+ background-color: $lightgrey_light;
padding-top: 0px;
padding: 70px 0 0 0;
border: none;
+ .govuk-footer__inline-list {
+ a {
+ font-size: 1rem;
+ color: $black;
+ text-decoration: none;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
}
#footer_logo {
- margin-top: 60px;
+ margin-top: 80px;
margin-bottom: 40px;
}
@@ -441,7 +572,7 @@ a.longLinkBreak {
}
.at-nav h4 {
- border-bottom: 1px solid #b1b4b6;
+ border-bottom: 1px solid $lightgrey_semi;
padding-bottom: 20px;
}
@@ -474,10 +605,29 @@ a.longLinkBreak {
}
}
-.results .govuk-summary-list__row:nth-child(even) {
- background: #f3f2f1;
-}
+// .results .govuk-summary-list__row:nth-child(even) {
+// background: #f3f2f1;
+// }
+.govuk-summary-list__key,
+.govuk-summary-list__value,
+.govuk-summary-list__actions {
+ border-bottom: 1px solid $lightgrey_semi;
+ padding: 15px 10px 15px 0;
+ a,
+ a:active,
+ a:visited {
+ color: $blue;
+ font-weight: bold;
+ &:hover {
+ color: $lightblue;
+ }
+ }
+ a:focus {
+ border: $yellow solid 3px;
+ outline: 3px solid transparent;
+ }
+}
.results .govuk-summary-list__row {
@media screen and (max-width: 900px) {
padding: 20px 10px;
@@ -485,7 +635,7 @@ a.longLinkBreak {
}
.results_wider {
- width: 170px;
+ width: 170px !important;
}
.results-visually-hidden {
@@ -587,6 +737,16 @@ ul#sharePageLinks.active {
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 20px 20px;
+
+ &:focus {
+ background-color: #ffd530 !important;
+ border-color: transparent !important;
+ color: #1f1f1f !important;
+ outline: 2px solid #1f1f1f;
+ text-decoration: none !important;
+ -webkit-box-shadow: 0 0 0 2px #ffd530;
+ box-shadow: 0 0 0 2px #ffd530;
+ }
}
.vo_hidden,
@@ -913,11 +1073,11 @@ ul#sharePageLinks.active {
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
- border: 1px solid #b1b4b6;
+ border: 1px solid $lightgrey_semi;
border-top: none;
&:first-of-type {
- border-top: 1px solid #b1b4b6;
+ border-top: 1px solid $lightgrey_semi;
}
&:nth-child(odd) {
@@ -1018,7 +1178,7 @@ ul#sharePageLinks.active {
.documents__list {
.documents__list__item {
- border-bottom: 1px solid #b1b4b6;
+ border-bottom: 1px solid $lightgrey_semi;
padding: 20px 10px;
&:hover {
background-color: #e3e3e3;
diff --git a/styles/sass/welshgov/_variables.scss b/styles/sass/welshgov/_variables.scss
index 34cdd1d6..2aef51f1 100644
--- a/styles/sass/welshgov/_variables.scss
+++ b/styles/sass/welshgov/_variables.scss
@@ -9,3 +9,45 @@ $lightgrey_mid: #dddddd;
$lightgrey_semi: #e5e5e5;
$lightgrey_light: #eeeeee;
$lightgrey_offwhite: #f1f1f1;
+
+$darkgrey: #666666;
+$midgrey: #999999;
+$lightgrey: #b5b5b5;
+
+$black: #1f1f1f;
+$charcoal: #323232;
+
+$lightgrey_dark: #cccccc;
+$lightgrey_mid: #dddddd;
+$lightgrey_semi: #e5e5e5;
+$lightgrey_light: #eeeeee;
+$lightgrey_offwhite: #f1f1f1;
+
+$darkred: #7e0a0e;
+$red: #aa1111;
+$brightred: #d81f1f;
+$darkpalered: #d87777;
+$palered: #fea8a9;
+$whitered: #ffe4e5;
+
+$darkblue: #1f446d;
+$blue: #0360a6;
+$lightblue: #3b7dc5;
+$brightblue: #4c93ff;
+$paleblue: #99ccff;
+$whiteblue: #c2e0fc;
+
+$darkgreen: #3b510d;
+$green: #019e1e;
+$lightgreen: #01b723;
+$whitegreen: #cdf7d4;
+
+$darkpurple: #772cfe;
+$plum: #632a5d;
+$purple: #a82b71;
+
+$orange: #ff8000;
+$paleorange: #ffdab5;
+
+$yellow: #ffd530;
+$paleyellow: #fff5ce;