update notice banner copy and styling
This commit is contained in:
@@ -32,12 +32,16 @@ export default function NoticeBanner(props) {
|
||||
<>
|
||||
{bannerOpenCookie ? (
|
||||
<div className="govuk-warning-text noticebanner">
|
||||
<span
|
||||
{/* <span
|
||||
className="govuk-warning-text__icon"
|
||||
aria-hidden="true"
|
||||
>
|
||||
!
|
||||
</span>
|
||||
<Image
|
||||
src="/assets/images/information.svg"
|
||||
width="30px"
|
||||
height="30px"
|
||||
/>
|
||||
</span> */}
|
||||
<strong className="govuk-warning-text__text">
|
||||
<span className="govuk-warning-text__assistive">
|
||||
Warning
|
||||
|
||||
@@ -4,9 +4,9 @@ const ApiResponse = (req, res) => {
|
||||
"value": [
|
||||
{
|
||||
"notice_en":
|
||||
"An update has been made to the portal. If you experience problems, try pressing CTRL, Shift and R in your browser (or CMD and R on a Mac), this should force a refresh of your cache.",
|
||||
"We have updated the Planning Casework service. If you are unable to view your recent activity please refresh your browser.",
|
||||
"notice_cy":
|
||||
"Mae diweddariad wedi'i wneud i'r porth. Os ydych chi'n cael problemau, ceisiwch wasgu CTRL, Shift ac R yn eich porwr (neu CMD ac R ar Mac), dylai hyn orfodi adnewyddiad o'ch storfa.",
|
||||
"Rydym wedi diweddaru'r gwasanaeth Gwaith Achos Cynllunio. Os na allwch weld eich gweithgarwch diweddar adnewyddwch eich porwr.",
|
||||
|
||||
"dateFrom": "20/09/2022",
|
||||
"dateTo": "20/09/2023",
|
||||
|
||||
+1
-1
@@ -169,10 +169,10 @@ const Home = (props) => {
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ServiceBanner />
|
||||
{displayNotice && (
|
||||
<NoticeBanner noticeContent={noticeContent} />
|
||||
)}
|
||||
<ServiceBanner />
|
||||
<Main
|
||||
ggLocale={ggLocale}
|
||||
pages={pages}
|
||||
|
||||
@@ -80,9 +80,9 @@ body {
|
||||
.cookies-banner__link,
|
||||
.cookies-banner__button {
|
||||
display: block;
|
||||
color: #0360a6;
|
||||
color: $blue;
|
||||
background-color: inherit;
|
||||
border: 2px solid #0360a6;
|
||||
border: 2px solid $blue;
|
||||
padding: 7px 14px;
|
||||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
@@ -94,7 +94,7 @@ body {
|
||||
text-align: center;
|
||||
|
||||
&:hover {
|
||||
background-color: #0360a6;
|
||||
background-color: $blue;
|
||||
color: #eeeeee;
|
||||
}
|
||||
}
|
||||
@@ -190,7 +190,7 @@ a.longLinkBreak {
|
||||
|
||||
.govuk-breadcrumbs__link:link,
|
||||
.govuk-breadcrumbs__link:visited {
|
||||
color: #0360a6;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
@@ -1086,14 +1086,14 @@ textarea,
|
||||
background: none;
|
||||
padding-left: 0;
|
||||
|
||||
color: #0360a6;
|
||||
color: $blue;
|
||||
|
||||
&.sortDesc:after {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 12px 5px 0 5px;
|
||||
border-color: #0360a6 transparent transparent transparent;
|
||||
border-color: $blue transparent transparent transparent;
|
||||
content: "";
|
||||
top: 16px;
|
||||
position: relative;
|
||||
@@ -1105,7 +1105,7 @@ textarea,
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 0 5px 12px 5px;
|
||||
border-color: transparent transparent #0360a6 transparent;
|
||||
border-color: transparent transparent $blue transparent;
|
||||
content: "";
|
||||
top: -16px;
|
||||
position: relative;
|
||||
@@ -1302,7 +1302,7 @@ ul#sharePageLinks.active {
|
||||
padding-top: 2px;
|
||||
padding-left: 25px;
|
||||
height: 24px;
|
||||
color: #0360a6;
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
.block-share ul li a {
|
||||
@@ -1315,7 +1315,7 @@ ul#sharePageLinks.active {
|
||||
padding-left: 25px;
|
||||
height: 24px;
|
||||
background-color: inherit;
|
||||
color: #0360a6;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -2256,7 +2256,7 @@ fade {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 18px;
|
||||
padding: 25px 30px;
|
||||
padding: 20px 20px 30px 5px;
|
||||
margin-top: 20px;
|
||||
|
||||
|
||||
@@ -2266,29 +2266,53 @@ fade {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
border-color: $blue;
|
||||
background-color: $blue;
|
||||
min-width: 25px;
|
||||
min-height: 25px;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
left: 20px;
|
||||
// background-image: url(/assets/images/information.svg);
|
||||
// content: " ";
|
||||
// position: relative;
|
||||
// border: 0px solid red;
|
||||
// background-color: transparent;
|
||||
// background-repeat: no-repeat;
|
||||
// background-position: center;
|
||||
// border-color: $blue;
|
||||
// background-color: $blue;
|
||||
// min-width: 25px;
|
||||
// min-height: 25px;
|
||||
// font-size: 20px;
|
||||
// line-height: 20px;
|
||||
// left: 20px;
|
||||
}
|
||||
|
||||
.govuk-warning-text__text {
|
||||
padding-left: 35px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
color: $black;
|
||||
font-weight: normal;
|
||||
font-size: 18px;
|
||||
|
||||
&:before {
|
||||
background-image: url(/assets/images/information.svg);
|
||||
content: " ";
|
||||
position: relative;
|
||||
border: 0px solid red;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0, 0;
|
||||
height: 100%;
|
||||
width: 30px;
|
||||
display: block;
|
||||
float: left;
|
||||
left: -14px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.hideNotice span {
|
||||
font-size: 14px;
|
||||
color: $black;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
margin-right: 18px;
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
@@ -2298,14 +2322,15 @@ fade {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $charcoal
|
||||
color: $lightblue;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "\00d7";
|
||||
font-size: 20px;
|
||||
font-size: 28px;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
top: 6px;
|
||||
left: 6px
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user