Add status text

pengwynn · pengwynn · commit 77915c6a2929 · 2013-01-03T14:06:47.000-06:00
diff --git a/static/shared/css/documentation.css b/static/shared/css/documentation.css
@@ -938,8 +938,21 @@ div.expandable > ul h3 > a.expanded:hover {
   background-position: -38px -43px;
 }
 
-li.api-status {
-  width: 24px;
-  text-align: center;
+
+li.api-status a.good {
+  color: #227b41;
+}
+
+li.api-status a.minor {
+  color: #ed8b3f;
+}
+
+li.api-status a.major {
+  color: #ad1a05;
+}
+
+li.api-status img {
+  float: left;
+  margin: 0 5px 0 0;
 }
 /* @end */
diff --git a/static/shared/js/documentation.js b/static/shared/js/documentation.js
@@ -82,7 +82,8 @@ $(function() {
       var link = $("<a>")
         .attr("href", "https://status.github.com")
         .addClass(data.status)
-        .attr("title", "API Status: " + data.status + ". Click for details.");
+        .attr("title", "API Status: " + data.status + ". Click for details.")
+        .text("Status: " + data.status);
       var img = $("<img>")
         .attr("src", "/images/status-icon-" + data.status + ".png")
         .height(16)
