darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-14 02:09:44 -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>
</div>
{{/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>
`),
'chosen': Hogan.compile(`

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

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