mmoser/skill-assessment-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Misc style updates

Browse Source
This commit is contained in:
Jennifer Siegfried
2016-08-04 17:03:23 -06:00
parent 53095028be
commit 635297884d
5 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/molecules/_buttons.scss
View File

@@ -87,6 +87,7 @@ button.tertiary-btn {
html.no-js { html.no-js {
.tertiary-btn.button-edit { .tertiary-btn.button-edit {
border: none; border: none;
text-decoration: underline;
} }
.button-save, .button-save,
.button-cancel { .button-cancel {

33
app/assets/stylesheets/molecules/_forms.scss
View File

@@ -5,6 +5,17 @@ fieldset {
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
&:disabled {
label {
display: none;
}
.form-group-multiples {
label {
display: block;
}
}
}
} }
legend { legend {
@@ -21,10 +32,12 @@ label {
#{$all-text-inputs} { #{$all-text-inputs} {
display: block; display: block;
font-size: $base-font-size; font-size: $base-font-size;
border-left:0; border: none !important;
border-top: 0; border-bottom: 1px solid $secondary-color !important;
border-right: 0; // border-left:0;
border-bottom: 1px solid $secondary-color; // border-top: 0;
// border-right: 0;
// border-bottom: 1px solid $secondary-color;
box-shadow: none; box-shadow: none;
border-radius: $base-border-radius; border-radius: $base-border-radius;
box-sizing: border-box; box-sizing: border-box;
@@ -35,9 +48,9 @@ label {
font-family: $primary-font-face; font-family: $primary-font-face;
line-height: 1.5em; line-height: 1.5em;
&:hover { // &:hover {
border-color: shade($base-border-color, 20%); // border-color: shade($base-border-color, 20%);
} // }
&:focus { &:focus {
outline: none; outline: none;
@@ -48,9 +61,9 @@ label {
background-color: shade($base-background-color, 5%); background-color: shade($base-background-color, 5%);
cursor: default; cursor: default;
&:hover { // &:hover {
border: $base-border; // border: $base-border;
} // }
} }
} }
button:disabled, button:disabled,

8
app/assets/stylesheets/pages/_error.scss
View File

@@ -25,6 +25,14 @@
background-color: #f39c12; background-color: #f39c12;
} }
[data-id="live-coder-finish-later"] {
.warning {
margin-bottom: 2rem;
text-align: left;
padding: .5rem 1rem;
}
}
@media only screen and (min-width: $desktop) { @media only screen and (min-width: $desktop) {
.error-header { .error-header {
.page-title { .page-title {

8
app/views/candidate/_live_code.html.erb
View File

@@ -7,20 +7,20 @@
checked: Array(question.answer).include?('finish-later') checked: Array(question.answer).include?('finish-later')
} }
%> %>
<div class="js-error"> <!-- <div class="js-error">
Please revisit this page with JavaScript enabled to modify your answer. Please revisit this page with JavaScript enabled to modify your answer.
</div> </div> -->
<% unless params[:action] == 'summary' %> <% unless params[:action] == 'summary' %>
<div data-id="live-coder-finish-later"> <div data-id="live-coder-finish-later">
<p class="warning"> <p class="warning">
This is a question where you will be asked to write code, and it utilizes a JavaScript-enabled This is a question where you will be asked to write code, and it utilizes a JavaScript-enabled
environment. It looks like JavaScript is not loaded for some reason. Please check the box below environment. It looks like JavaScript is not loaded. Please check the box below
to acknowledge that you agree to come back at a later time to finish answering this question to acknowledge that you agree to come back at a later time to finish answering this question
before you can submit the test. before you can submit the test.
</p> </p>
<%= form.check_box(:answer, checkbox_html, true, '') %> <%= form.check_box(:answer, checkbox_html, true, '') %>
<%= form.label(option_id, 'I will come back later to finish this live coding question.') %> <%= form.label(option_id, 'I will come back later to finish this code question') %>
</div> </div>
<% end %> <% end %>

2
app/views/candidate/question.html.erb
View File

@@ -21,7 +21,7 @@
<% if @status.on_summary %> <% if @status.on_summary %>
<div class="btn-container-summary"> <div class="btn-container-summary button-wrap">
<input type="submit" name="submit" value="Save and return to summary"> <input type="submit" name="submit" value="Save and return to summary">
</div> </div>