Commit dd191441 by Giulio Gratta

make submit buttons primary and put them after save buttons for accessibility

parent 93e87eab
...@@ -91,6 +91,11 @@ button, ...@@ -91,6 +91,11 @@ button,
.button { .button {
@extend .gray-button; @extend .gray-button;
&.primary-button,
&.primary-button:hover {
@extend .primary-button;
}
form & { form & {
@extend .gray-button; @extend .gray-button;
} }
......
...@@ -22,6 +22,12 @@ h1.top-header { ...@@ -22,6 +22,12 @@ h1.top-header {
font-size: em(13); font-size: em(13);
} }
.primary-button {
@include button(simple, $link-color);
@extend .button-reset;
font-size: em(13);
}
.blue-button { .blue-button {
@include button(simple, $blue); @include button(simple, $blue);
@extend .button-reset; @extend .button-reset;
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="file-upload"></div> <div class="file-upload"></div>
<input type="button" value="${_('Save')}" class="save-button" name="save"/> <input type="button" value="${_('Save')}" class="save-button" name="save"/>
<input type="button" value="${_('Submit')}" class="submit-button" name="show"/> <input type="button" value="${_('Submit')}" class="submit-button primary-button" name="show"/>
<input name="skip" class="skip-button" type="button" value="${_('Skip Post-Assessment')}"/> <input name="skip" class="skip-button" type="button" value="${_('Skip Post-Assessment')}"/>
<div class="open-ended-action"></div> <div class="open-ended-action"></div>
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<div class="file-upload"></div> <div class="file-upload"></div>
<input type="button" value="${_('Save')}" class="save-button" name="save"/> <input type="button" value="${_('Save')}" class="save-button" name="save"/>
<input type="button" value="${_('Submit')}" class="submit-button" name="show"/> <input type="button" value="${_('Submit')}" class="submit-button primary-button" name="show"/>
<div class="open-ended-action"></div> <div class="open-ended-action"></div>
<span id="answer_${id}"></span> <span id="answer_${id}"></span>
......
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
</div> </div>
<hr /> <hr />
<div class="submission"> <div class="submission">
<input type="button" value="${_("Submit")}" class="submit-button" name="show"/> <input type="button" value="${_("Submit")}" class="submit-button primary-button" name="show"/>
</div> </div>
</div> </div>
</section> </section>
......
...@@ -14,15 +14,15 @@ ...@@ -14,15 +14,15 @@
<section class="action"> <section class="action">
<input type="hidden" name="problem_id" value="${ problem['name'] }" /> <input type="hidden" name="problem_id" value="${ problem['name'] }" />
% if check_button:
<input class="check ${ check_button }" type="button" value="${ check_button }" />
% endif
% if reset_button: % if reset_button:
<input class="reset" type="button" value="${_('Reset')}" /> <input class="reset" type="button" value="${_('Reset')}" />
% endif % endif
% if save_button: % if save_button:
<input class="save" type="button" value="${_('Save')}" /> <input class="save" type="button" value="${_('Save')}" />
% endif % endif
% if check_button:
<input class="check ${ check_button } primary-button" type="button" value="${ check_button }" />
% endif
% if answer_available: % if answer_available:
<button class="show"><span class="show-label">${_('Show Answer(s)')}</span> <span class="sr">${_("(for question(s) above - adjacent to each field)")}</span></button> <button class="show"><span class="show-label">${_('Show Answer(s)')}</span> <span class="sr">${_("(for question(s) above - adjacent to each field)")}</span></button>
% endif % endif
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment