Commit dd191441 by Giulio Gratta

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

parent 93e87eab
......@@ -91,6 +91,11 @@ button,
.button {
@extend .gray-button;
&.primary-button,
&.primary-button:hover {
@extend .primary-button;
}
form & {
@extend .gray-button;
}
......
......@@ -22,6 +22,12 @@ h1.top-header {
font-size: em(13);
}
.primary-button {
@include button(simple, $link-color);
@extend .button-reset;
font-size: em(13);
}
.blue-button {
@include button(simple, $blue);
@extend .button-reset;
......
......@@ -31,7 +31,7 @@
<div class="file-upload"></div>
<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')}"/>
<div class="open-ended-action"></div>
......
......@@ -20,7 +20,7 @@
<div class="file-upload"></div>
<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>
<span id="answer_${id}"></span>
......
......@@ -71,7 +71,7 @@
</div>
<hr />
<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>
</section>
......
......@@ -14,15 +14,15 @@
<section class="action">
<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:
<input class="reset" type="button" value="${_('Reset')}" />
% endif
% if save_button:
<input class="save" type="button" value="${_('Save')}" />
% endif
% if check_button:
<input class="check ${ check_button } primary-button" type="button" value="${ check_button }" />
% endif
% 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>
% 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