Merge pull request #229 from edx/mroytman/add-checklist-links

Add links to Course Launch Checklist
openedx · Jul 5, 2018 · fb35153 · fb35153
2 parents 81d38d5 + ba43f5a
commit fb35153
Show file tree

Hide file tree

Showing 13 changed files with 481 additions and 124 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
   "dependencies": {
     "@edx/edx-bootstrap": "^1.0.0",
     "@edx/paragon": "3.1.2",
+    "airbnb-prop-types": "^2.10.0",
     "babel-polyfill": "^6.26.0",
     "classnames": "^2.2.5",
     "copy-to-clipboard": "^3.0.8",

diff --git a/src/SFE.scss b/src/SFE.scss
@@ -137,3 +137,15 @@ input[type="search"] {
 .modal-footer {
   flex: 0 0 auto;
 }
+
+.font-small {
+  font-size: $font-size-sm;
+}
+
+.font-large {
+  font-size: $font-size-lg;
+}
+
+.font-extra-large {
+  font-size: 1.5*$font-size-base;
+}
diff --git a/src/components/CourseChecklist/CourseChecklist.scss b/src/components/CourseChecklist/CourseChecklist.scss
@@ -1,10 +1,16 @@
 @import 'edx-bootstrap';
+@import "~bootstrap/scss/_buttons";
+@import "~bootstrap/scss/utilities/_screenreaders";
 
-$dark-color: theme-color("dark");
+$light-color: theme-color("light");
 $lightest-color: theme-color("lightest");
 $primary-color: theme-color("primary");
 $success-color: theme-color("success");
 
+.checklist-item-link {
+  text-decoration: none;
+}
+
 //complete checklist item style
 .checklist-item-complete {
   box-shadow: -5px 0 0 0 $success-color;
@@ -19,7 +25,7 @@ $success-color: theme-color("success");
   box-shadow: -5px 0 0 0 $lightest-color;
 
   .checklist-icon-incomplete {
-    color: $dark-color;
+    color: $light-color;
   }
 
   &:hover {
@@ -30,15 +36,3 @@ $success-color: theme-color("success");
     }
   }
 }
-
-.font-large {
-  font-size: $font-size-lg;
-}
-
-.font-small {
-  font-size: $font-size-sm;
-}
-
-.font-extra-large {
-  font-size: 1.5*$font-size-base;
-}