robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css fix for notice banner

Browse Source
This commit is contained in:
robbond
2022-10-10 11:19:12 +01:00
parent c5f67365c3
commit 4a1708cb1b
1 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/sass/welshgov/_application.scss
+33 -25
View File
@@ -80,9 +80,9 @@ body {
.cookies-banner__link, .cookies-banner__link,
.cookies-banner__button { .cookies-banner__button {
display: block; display: block;
color: #0360a6; color: $blue;
background-color: inherit; background-color: inherit;
border: 2px solid #0360a6; border: 2px solid $blue;
padding: 7px 14px; padding: 7px 14px;
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: 14px;
@@ -94,7 +94,7 @@ body {
text-align: center; text-align: center;
&:hover { &:hover {
background-color: #0360a6; background-color: $blue;
color: #eeeeee; color: #eeeeee;
} }
} }
@@ -190,7 +190,7 @@ a.longLinkBreak {
.govuk-breadcrumbs__link:link, .govuk-breadcrumbs__link:link,
.govuk-breadcrumbs__link:visited { .govuk-breadcrumbs__link:visited {
color: #0360a6; color: $blue;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
font-size: 16px; font-size: 16px;
@@ -1086,14 +1086,14 @@ textarea,
background: none; background: none;
padding-left: 0; padding-left: 0;
color: #0360a6; color: $blue;
&.sortDesc:after { &.sortDesc:after {
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 12px 5px 0 5px; border-width: 12px 5px 0 5px;
border-color: #0360a6 transparent transparent transparent; border-color: $blue transparent transparent transparent;
content: ""; content: "";
top: 16px; top: 16px;
position: relative; position: relative;
@@ -1105,7 +1105,7 @@ textarea,
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 0 5px 12px 5px; border-width: 0 5px 12px 5px;
border-color: transparent transparent #0360a6 transparent; border-color: transparent transparent $blue transparent;
content: ""; content: "";
top: -16px; top: -16px;
position: relative; position: relative;
@@ -1302,7 +1302,7 @@ ul#sharePageLinks.active {
padding-top: 2px; padding-top: 2px;
padding-left: 25px; padding-left: 25px;
height: 24px; height: 24px;
color: #0360a6; color: $blue;
} }
.block-share ul li a { .block-share ul li a {
@@ -1315,7 +1315,7 @@ ul#sharePageLinks.active {
padding-left: 25px; padding-left: 25px;
height: 24px; height: 24px;
background-color: inherit; background-color: inherit;
color: #0360a6; color: $blue;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }
@@ -2256,39 +2256,46 @@ fade {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 18px; font-size: 18px;
padding: 25px 30px; padding: 20px 20px 30px 5px;
margin-top: 20px; margin-top: 20px;
.govuk-warning-text__icon { .govuk-warning-text__icon {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
margin-top: 0px; margin-top: 0px;
} }
border-color: $blue;
background-color: $blue;
min-width: 25px;
min-height: 25px;
font-size: 20px;
line-height: 20px;
left: 20px;
} }
.govuk-warning-text__text { .govuk-warning-text__text {
padding-left: 35px; padding-left: 20px;
padding-right: 10px; padding-right: 10px;
color: $black; color: $black;
font-weight: normal; font-weight: normal;
font-size: 18px; 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 { .hideNotice span {
font-size: 14px; font-size: 14px;
color: $black; color: $blue;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
text-decoration: none;
margin-right: 18px;
a { a {
text-decoration: underline; text-decoration: underline;
@@ -2298,14 +2305,15 @@ fade {
} }
&:hover { &:hover {
color: $charcoal color: $lightblue;
} }
&:after { &:after {
content: "\00d7"; content: "\00d7";
font-size: 20px; font-size: 28px;
position: relative; position: relative;
top: 3px; top: 6px;
left: 6px
} }
} }