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

breacrumb change & form styling

Browse Source
This commit is contained in:
robbond
2024-08-12 17:20:06 +01:00
parent c93e9e0056
commit 80f499c072
7 changed files with 422 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/sass/welshgov/_application.scss
+162 -7
View File
@@ -350,6 +350,140 @@ a.longLinkBreak {
}
}
.wgForm {
background: $lightgrey_offwhite;
padding: 20px;
margin: 0 0 40px 0;
@media screen and (min-width: 1024px) {
padding: 40px;
width: 65%;
margin-left: 15px;
}
@media screen and (max-width: 900px) {}
@media (min-width: 40.0625em) {
// width: 100%;
// padding: 0 40px;
}
// #cookies-js form {
// background-color: $lightgrey_light;
// padding: 40px;
.govuk-radios__label:before {
border: 1px solid #666666;
background-color: $white;
}
.govuk-radios--small .govuk-radios__item {
margin-bottom: 20px;
padding-left: 0px !important;
}
.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
box-shadow: 0 0 0 5px $lightgrey;
}
.govuk-radios__item {
background-color: $lightgrey_semi;
flex-wrap: nowrap;
.govuk-radios__input:focus+.govuk-radios__label::before {
border-width: 1px;
box-shadow: 0 0 0 2px #ffdd00
}
&:hover {
background-color: $lightgrey;
}
label {
margin-top: 0px;
background-color: $lightgrey_semi;
padding: 20px 20px 20px 50px;
&:before {
top: 18px;
width: 24px;
height: 24px;
left: 18px;
}
&:after {
top: 22px;
left: 22px;
border-width: 8px;
}
&:hover {
background-color: $lightgrey;
}
}
}
}
.newAppealForm {
background: $lightgrey_offwhite;
padding: 20px;
margin: 0 0 40px 0;
.govuk-radios__label:before {
border: 1px solid #666666;
background-color: $white;
}
.govuk-radios--small .govuk-radios__item {
margin-bottom: 20px;
padding-left: 0px !important;
}
.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
box-shadow: 0 0 0 5px $lightgrey;
}
.govuk-radios__item {
background-color: $lightgrey_semi;
flex-wrap: nowrap;
.govuk-radios__input:focus+.govuk-radios__label::before {
border-width: 1px;
box-shadow: 0 0 0 2px #ffdd00
}
&:hover {
background-color: $lightgrey;
}
label {
margin-top: 0px;
background-color: $lightgrey_semi;
padding: 20px 20px 20px 50px;
&:before {
top: 18px;
width: 24px;
height: 24px;
left: 18px;
}
&:after {
top: 22px;
left: 22px;
border-width: 8px;
}
&:hover {
background-color: $lightgrey;
}
}
}
}
.govuk-grid-row {
@media screen and (max-width: 900px) {
// margin-right: 0px;
@@ -368,6 +502,7 @@ textarea,
.govuk-radios__label:before {
border: 1px solid $darkgrey;
background-color: $white;
}
.govuk-checkboxes__conditional--hidden {
@@ -1106,15 +1241,30 @@ textarea,
.progress-save {
padding: 10px 15px !important;
font-size: 16px;
float: right;
border-color: $midgrey !important;
color: $midgrey !important;
// padding: 10px 15px !important;
// font-size: 16px;
// float: right;
// border-color: $midgrey !important;
// color: $midgrey !important;
background: $midgrey;
color: $white;
font-size: 20px;
font-weight: bold;
padding: 15px 45px 15px 20px;
margin-bottom: 15px;
&:hover {
background-color: $midgrey !important;
color: $white !important;
// background-color: $midgrey !important;
// color: $white !important;
background: $charcoal;
color: $white;
font-size: 20px;
font-weight: bold;
padding: 15px 45px 15px 20px;
margin-bottom: 15px;
}
}
@@ -2531,4 +2681,9 @@ fade {
to {
width: 40px;
}
}
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
background-color: $white;
}