mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-05 03:58:26 -04:00
a592898eff
The visual appearance of radio and checkbox form inputs changed in GOV.UK Elements here: https://github.com/alphagov/govuk_elements/pull/296 This was subsequently reimplemented with different markup and no Javascript here: https://github.com/alphagov/govuk_elements/pull/406 This has meant making the following changes to our app: - changing the markup in our radio/checkbox macros to match the example markup given by GOV.UK Elements - removing the previous Javascript file because it’s no longer needed to make the radios appear visual selected - making the buttons on the scheduled job picker look like links, because the grey button style looked weird with the new radio buttons
46 lines
673 B
SCSS
46 lines
673 B
SCSS
.radio-select {
|
|
|
|
&-column {
|
|
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
|
|
.multiple-choice {
|
|
margin-right: 5px;
|
|
padding-right: 10px;
|
|
padding-left: 54px - 10px;
|
|
}
|
|
|
|
}
|
|
|
|
.js-reset-button,
|
|
.js-category-button {
|
|
background: none;
|
|
text-decoration: underline;
|
|
color: $link-colour;
|
|
//font-weight: bold;
|
|
border: none;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: auto;
|
|
padding: 7px 20px 7px 10px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.js-enabled & {
|
|
|
|
height: 60px;
|
|
overflow: visible;
|
|
|
|
.multiple-choice {
|
|
display: none;
|
|
}
|
|
|
|
.js-multiple-choice {
|
|
display: block;
|
|
}
|
|
|
|
}
|
|
|
|
}
|