Use same colors for in page labels as well

arielsalminen · Mar 1, 2018 · 1690020 · 1690020
1 parent f88425c
commit 1690020
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/docs/styleguide.styles.css b/docs/styleguide.styles.css
@@ -236,12 +236,17 @@ strong a[class^="rsg--link"] {
   color: #fff;
 }
 
-.status-wip {
+.status-review,
+.status-under-review {
   background: #ffbb08;
   color: #000;
 }
 
-.status-prototype,
+.status-prototype {
+  background: rgb(37, 138, 239);
+  color: #fff;
+}
+
 .status-deprecated {
   background: #ed4b37;
   color: #fff;

diff --git a/docs/utils/statusLabels.js b/docs/utils/statusLabels.js
@@ -12,8 +12,12 @@ export default {
         label.className = "status"
 
         if (value) {
-          label.innerHTML = value
           label.className += " status-" + value
+          if (value === "review") {
+            label.innerHTML = "under review"
+          } else {
+            label.innerHTML = value
+          }
         }
         container.appendChild(label)
       }