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:
Chris Hill-Scott
2017-04-10 14:18:12 +01:00
parent 31d03acc11
commit a592898eff
7 changed files with 91 additions and 81 deletions
@@ -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;
}
}