pearson registration - restyled and tweaked markup for registration closed message and styled disabled labels appropriately
This commit is contained in:
@@ -294,10 +294,10 @@ $red: rgb(178, 6, 16);
|
||||
}
|
||||
|
||||
.field {
|
||||
opacity: 0.5;
|
||||
opacity: 0.6;
|
||||
|
||||
.label {
|
||||
cursor: default;
|
||||
.label, label {
|
||||
cursor: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -646,7 +646,6 @@ $red: rgb(178, 6, 16);
|
||||
|
||||
// registration status
|
||||
&.message-flash {
|
||||
display: block;
|
||||
@include border-radius(3px);
|
||||
position: relative;
|
||||
margin: 0 0 ($baseline*2) 0;
|
||||
@@ -699,7 +698,6 @@ $red: rgb(178, 6, 16);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// submission error
|
||||
&.submission-error {
|
||||
@include box-sizing(border-box);
|
||||
@@ -766,16 +764,31 @@ $red: rgb(178, 6, 16);
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
// specific - registration closed
|
||||
&.registration-closed {
|
||||
@include border-bottom-radius(0);
|
||||
margin-top: 0;
|
||||
border-bottom: 1px solid $light-gray;
|
||||
padding: $baseline;
|
||||
background: tint($light-gray,50%);
|
||||
|
||||
.message-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.message-copy {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.is-shown {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// hidden
|
||||
.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// temp
|
||||
.output-raw {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -111,7 +111,7 @@
|
||||
% if registration:
|
||||
<!-- select one of four registration status banners to display -->
|
||||
% if registration.is_accepted:
|
||||
<section class="status message message-flash registration-processed message-action">
|
||||
<section class="status message message-flash registration-processed message-action is-shown">
|
||||
<h3 class="message-title">Your registration for the Pearson exam has been processed</h3>
|
||||
<p class="message-copy">Your registration number is <strong>${registration.client_authorization_id}</strong>. (Write this down! You’ll need it to schedule your exam.)</p>
|
||||
<a href="${registration.registration_signup_url}" class="button exam-button">Schedule Pearson exam</a>
|
||||
@@ -119,21 +119,21 @@
|
||||
% endif
|
||||
|
||||
% if registration.demographics_is_rejected:
|
||||
<section class="status message message-flash demographics-rejected message-action">
|
||||
<section class="status message message-flash demographics-rejected message-action is-shown">
|
||||
<h3 class="message-title">Your demographic information contained an error and was rejected</h3>
|
||||
<p class="message-copy">Please check the information you provided, and correct the errors noted below.
|
||||
</section>
|
||||
% endif
|
||||
|
||||
% if registration.registration_is_rejected:
|
||||
<section class="status message message-flash registration-rejected message-action">
|
||||
<section class="status message message-flash registration-rejected message-action is-shown">
|
||||
<h3 class="message-title">Your registration for the Pearson exam has been rejected</h3>
|
||||
<p class="message-copy">Please see your registration status details for more information.</p>
|
||||
</section>
|
||||
% endif
|
||||
|
||||
% if registration.is_pending:
|
||||
<section class="status message message-flash registration-pending">
|
||||
<section class="status message message-flash registration-pending is-shown">
|
||||
<h3 class="message-title">Your registration for the Pearson exam is pending</h3>
|
||||
<p class="message-copy">Once your information is processed, it will be forwarded to Pearson and you will be able to schedule an exam.</p>
|
||||
</section>
|
||||
@@ -150,10 +150,10 @@
|
||||
% else:
|
||||
<form id="testcenter_register_form" method="post" data-remote="true" action="/create_exam_registration" class="disabled">
|
||||
<!-- registration closed, so tell them they can't do anything: -->
|
||||
<section class="status message message-flash registration-closed">
|
||||
<div class="status message registration-closed is-shown">
|
||||
<h3 class="message-title">Registration for this Pearson exam is closed</h3>
|
||||
<p class="message-copy">Your previous information is available below, however you may not edit any of the information.
|
||||
</section>
|
||||
</div>
|
||||
% endif
|
||||
|
||||
% if registration:
|
||||
|
||||
Reference in New Issue
Block a user