darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-09 01:23:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2938 from alphagov/schedule-buttons

Browse Source 
Style radio select component controls as buttons not links
This commit is contained in:
Chris Hill-Scott
2019-05-13 13:55:22 +01:00
committed by GitHub
parent 1d7ce85443 a67e14b900
commit 2737a8e438
2 changed files with 13 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/radioSelect.js
View File

@@ -30,7 +30,7 @@
<label for="{{id}}">{{label}}</label> <label for="{{id}}">{{label}}</label>
</div> </div>
{{/choices}} {{/choices}}
<input type='button' class='js-reset-button js-reset-button-block' value='Back' /> <input type='button' class='js-reset-button js-reset-button-block' value='Done' />
</div> </div>
`), `),
'chosen': Hogan.compile(` 'chosen': Hogan.compile(`

30
app/assets/stylesheets/components/radios.scss
View File

@@ -8,7 +8,6 @@
vertical-align: top; vertical-align: top;
.multiple-choice { .multiple-choice {
margin-right: 5px;
padding-right: 10px; padding-right: 10px;
padding-left: 54px - 10px; padding-left: 54px - 10px;
} }
@@ -18,28 +17,23 @@
.js-reset-button, .js-reset-button,
.js-category-button { .js-category-button {
background: none; @include button($grey-3);
text-decoration: underline; margin-right: $gutter-half;
color: $link-colour;
border: none;
display: inline-block;
vertical-align: top;
width: auto;
padding: 7px 20px 7px 10px;
margin-right: 5px;
cursor: pointer;
&:hover {
color: $link-hover-colour;
}
} }
.js-reset-button-block { .js-reset-button-block {
display: block; display: block;
width: 100%; clear: both;
text-align: left; margin: 0 0 $gutter 0;
padding: 20px 20px $gutter 57px; position: relative;
top: $gutter-half;
&:active {
top: $gutter-half + 2px;
}
} }
.js-enabled & { .js-enabled & {