From 85bee9b42b815cd1d71ed07fd2db03c988c07349 Mon Sep 17 00:00:00 2001
From: Victor Shnayder <victor@mitx.mit.edu>
Date: Wed, 20 Jun 2012 15:55:21 -0400
Subject: [PATCH] Initial UI for sequence progress.

* change bottom border of links:
  red for not started
  yellow for in_progress
  green for done

* This should probably be designed at some point.
* Obvious problems: the yellow is not very visible, and lots of people are
  red/green color-blind.
---
 lms/static/sass/courseware/_sequence-nav.scss | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/lms/static/sass/courseware/_sequence-nav.scss b/lms/static/sass/courseware/_sequence-nav.scss
index 9a2aee57af..4472724e6d 100644
--- a/lms/static/sass/courseware/_sequence-nav.scss
+++ b/lms/static/sass/courseware/_sequence-nav.scss
@@ -66,6 +66,26 @@ nav.sequence-nav {
         @include transition(all, .4s, $ease-in-out-quad);
         width: 100%;
 
+        &.progress {
+          border-bottom-style: solid;
+          border-bottom-width: 4px;
+        }
+
+        &.progress-none {
+          @extend .progress;
+          border-bottom-color: red;
+        }
+
+        &.progress-some {
+          @extend .progress;
+          border-bottom-color: yellow;
+        }
+
+        &.progress-done {
+          @extend .progress;
+          border-bottom-color: green;
+        }
+
         //video
         &.seq_video_inactive {
           @extend .inactive;