Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LMS: revises re-verification instruction UI and help text

Browse Source
This commit is contained in:
Brian Talbot
2013-10-28 17:22:57 -04:00
committed by Diana Huang
parent 0d01179ffc
commit c64542e10a
2 changed files with 54 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
lms/static/sass/views/_verification.scss
View File

@@ -432,10 +432,6 @@
}
}
.wrapper-msg-reverify {
}
// ====================
// UI: inline messages
@@ -632,6 +628,38 @@
// ====================
// UI: reverification message
.wrapper-reverification {
border-bottom: ($baseline/10) solid $m-pink;
margin-bottom: $baseline;
padding-bottom: $baseline;
position: relative;
.deco-arrow {
@include triangle($baseline, $m-pink, down);
position: absolute;
bottom: -($baseline);
left: 50%;
}
}
.reverification {
.message {
.title {
@extend %hd-lv3;
color: $m-pink;
}
.copy {
@extend %t-copy-sub1;
}
}
}
// ====================
// UI: slides
.carousel {
@@ -709,6 +737,10 @@
padding-bottom: 0;
}
}
.help-item-emphasis {
@extend %t-weight4;
}
}
// help - faq
@@ -1930,6 +1962,10 @@
// STATE: re-verifying
.register.is-not-verified {
.help-item-emphasis {
color: $m-pink;
}
// progress indicator
.progress-sts {
width: 72%;
@@ -2058,6 +2094,5 @@
margin-bottom: $baseline;
}
}
>>>>>>> LMS: adds in styling and base UI for reverification flow
}
}

27
lms/templates/verify_student/photo_reverification.html
View File

@@ -53,21 +53,22 @@
</div>
%endif
<div id="message-reverification" class="wrapper-msg wrapper-msg-error">
<div class="msg msg-error">
<i class="msg-icon icon-warning-sign"></i>
<div class="msg-content">
<h3 class="title">${_("Please Resubmit Your Verification Information")}</h3>
<div class="copy">
<p>${_("There was an error with your previous verification")}. ${_("In order proceed in the verified certificate of achievement track of your current courses, please complete the following steps.")}</p>
</div>
</div>
</div>
</div>
<div class="container">
<section class="wrapper">
<div class="wrapper-reverification">
<section class="reverification">
<div class="message">
<h3 class="title">${_("Please Resubmit Your Verification Information")}</h3>
<div class="copy">
<p>${_("There was an error with your previous verification. In order proceed in the verified certificate of achievement track of your current courses, please complete the following steps.")}</p>
</div>
</div>
<span class="deco-arrow"></span>
</section>
</div>
<div class="wrapper-progress">
<section class="progress">
<h3 class="sr title">${_("Your Progress")}</h3>
@@ -241,10 +242,10 @@
<div class="copy">
<ul class="list-help">
<li class="help-item">${_("Make sure your ID is well-lit")}</li>
<li class="help-item help-item-emphasis">${_("Acceptable IDs include drivers licenses, passports, or other goverment-issued IDs that include your name and photo")}</li>
<li class="help-item">${_("Check that there isn't any glare")}</li>
<li class="help-item">${_("Ensure that you can see your photo and read your name")}</li>
<li class="help-item">${_("Try to keep your fingers at the edge to avoid covering important information")}</li>
<li class="help-item">${_("Acceptable IDs include drivers licenses, passports, or other goverment-issued IDs that include your name and photo")}</li>
<li class="help-item">${_("Once in position, use the camera button")} <span class="example">(<i class="icon-camera"></i>)</span> ${_("to capture your ID")}</li>
<li class="help-item">${_("Use the checkmark button")} <span class="example">(<i class="icon-ok"></i>)</span> ${_("once you are happy with the photo")}</li>
</ul>