mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-11 18:37:33 -04:00
Make radio select work w/ new checkboxes/radios
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
This commit is contained in:
@@ -5,19 +5,25 @@
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
|
||||
.block-label {
|
||||
.multiple-choice {
|
||||
margin-right: 5px;
|
||||
padding-right: $gutter - 10px;
|
||||
padding-right: 10px;
|
||||
padding-left: 54px - 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tertiary-button {
|
||||
.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: 20px $gutter-half 15px $gutter-half;
|
||||
padding: 7px 20px 7px 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@@ -26,12 +32,12 @@
|
||||
height: 60px;
|
||||
overflow: visible;
|
||||
|
||||
.block-label {
|
||||
.multiple-choice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.js-block-label {
|
||||
display: inline-block;
|
||||
.js-multiple-choice {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user