Skip to content

E
edx-platform
Commit 003d8234 by Frances Botsford Committed by Julia Hansbrough
Options

adjusting style and html for re-verification on lms

parent bf210398
Showing with 48 additions and 28 deletions
lms/static/sass/views/_verification.scss
...@@ -1799,23 +1799,46 @@ ...@@ -1799,23 +1799,46 @@
&.midcourse-reverification-process { &.midcourse-reverification-process {
// step-dash // step-dash
.content-main > .title {
@extend %t-title7;
display: block;
font-weight: 600;
color: $m-gray;
}
.action-reverify { .action-reverify {
@extend %btn-verify-primary; //@extend %btn-verify-primary;
padding: ($baseline/2) ($baseline*0.75); padding: ($baseline/2) ($baseline*0.75);
} }
.reverification-table { .reverification-list {
width: 100%; list-style-type: none;
th { .item {
display: none; display: inline-block;
width: 48%;
box-shadow: 0 2px 5px 2px $shadow-l1;
margin: ($baseline*.75) ($baseline*.75) ($baseline*.75) 0;
border: 1px solid $m-gray-t2;
&.complete {
border: 1px solid $verified-color-lvl1;
}
&.failed {
border: 1px solid $error-color;
}
} }
th, .course-info {
td { margin-bottom: ($baseline/2);
padding: ($baseline/2) 0; padding: ($baseline/2) ($baseline*.75);
text-align: left; }
border-bottom: 1px solid $light-gray;
.reverify-status {
background-color: $light-gray;
padding: ($baseline/2) ($baseline*.75);
} }
.course-name { .course-name {
...@@ -1827,12 +1850,15 @@ ...@@ -1827,12 +1850,15 @@
.deadline { .deadline {
@extend %copy-detail; @extend %copy-detail;
display: block; display: block;
margin-top: ($baseline/4);
} }
} }
.wrapper-reverification-help { .wrapper-reverification-help {
margin-top: $baseline*2; margin-top: $baseline;
border-top: 1px solid $light-gray;
padding-top: ($baseline*1.5);
.faq-item { .faq-item {
display: inline-block; display: inline-block;
......
lms/templates/verify_student/midcourse_reverify_dash.html
...@@ -14,35 +14,29 @@ ...@@ -14,35 +14,29 @@
<div class="wrapper-content-main"> <div class="wrapper-content-main">
<article class="content-main"> <article class="content-main">
<h2 class="title">You are re-verifying your identity</h2> <h2 class="title">You are in the Verified track</h2>
<div class="copy"> <div class="copy">
<p>You currently need to re-verify for the following course:</p> <p>You currently need to re-verify for the following course:</p>
<table class="reverification-table"> <ul class="reverification-list">
<tr>
<th>Course and Reverification window</th>
<th>Status</th>
</tr>
% for course_id, course_name, course_number, date, status in reverify_course_data: % for course_id, course_name, course_number, date, status in reverify_course_data:
<tr> <li class="item">
<td> <div class="course-info">
<span class="course-name">${course_name} (HKS211.1x)</span> <h3 class="course-name">${course_name} (${course_number})</h3>
<span class="deadline">Re-verify by <strong>${date}</strong></span> <p class="deadline">Re-verify by <strong>${date}</strong></p>
</td> </div>
<td>
% if status == "must_reverify": % if status == "must_reverify":
<a class="btn action-primary action-reverify" href="${reverse('verify_student_midcourse_reverify', kwargs={'course_id': course_id})}">Re-verify for HKS211.1x</a> <p class="reverify-status"><a class="btn action-primary action-reverify" href="${reverse('verify_student_midcourse_reverify', kwargs={'course_id': course_id})}">Re-verify for ${course_number}</a></p>
% elif status == "completed": % elif status == "completed":
Completed Completed
% elif status == "failed": % elif status == "failed":
Failed Failed
% endif % endif
</td> </li>
</tr>
% endfor % endfor
</table> </ul>
</div> </div>
<div class="wrapper-reverification-help list-faq"> <div class="wrapper-reverification-help list-faq">
......
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