Use pure CSS instead of images for travis stuff

Raku · Nov 7, 2015 · 3dae26d · 3dae26d
1 parent c50c8b3
commit 3dae26d
Show file tree

Hide file tree

Showing 8 changed files with 38 additions and 14 deletions.
diff --git a/web/assets/css/style.css b/web/assets/css/style.css
@@ -185,23 +185,47 @@ tr:nth-child(odd) td {
     white-space: nowrap;
 }
 
-.travis * {
-    vertical-align: middle;
+#module_list tbody .travis {
+    background: #a2a2a2;
+    background: -ms-linear-gradient(top,  #a2a2a2 0%,#909090 100%);
+    background: linear-gradient(to bottom,  #a2a2a2 0%,#909090 100%);
 }
 
-.add_travis {
-    font-size: 80%;
-    color: #999;
+#module_list tbody .travis-passing {
+    background: #50ca22;
+    background: -ms-linear-gradient(top,  #50ca22 0%,#3eb810 100%);
+    background: linear-gradient(to bottom,  #50ca22 0%,#3eb810 100%);
+}
+
+#module_list tbody .travis-pending {
+    background: #dbb428;
+    background: -ms-linear-gradient(top,  #dbb428 0%,#c9a216 100%);
+    background: linear-gradient(to bottom,  #dbb428 0%,#c9a216 100%);
+}
+
+#module_list tbody .travis-failing {
+    background: #dc6750;
+    background: -ms-linear-gradient(top,  #dc6750 0%,#ca553e 100%);
+    background: linear-gradient(to bottom,  #dc6750 0%,#ca553e 100%);
+}
+
+#module_list tbody .travis a {
     text-decoration: none;
-    border: 1px solid #cacaca;
-    padding: 3px;
-    border-radius: 3px;
+    color: #fff;
+    text-shadow: 1px 1px #333;
+}
+
+#module_list tbody .travis- {
+    font-size: 80%;
     background: #ddd;
+}
+
+#module_list tbody .travis- a {
+    text-shadow: none;
     color: #333;
-    display: inline-block;
 }
 
-.add_travis:hover {
+#module_list tbody .travis-:hover {
     background: #ccc;
 }
 

diff --git a/web/assets/images/build-canceled.png b/web/assets/images/build-canceled.png
diff --git a/web/assets/images/build-error.png b/web/assets/images/build-error.png
diff --git a/web/assets/images/build-failing.png b/web/assets/images/build-failing.png
diff --git a/web/assets/images/build-passing.png b/web/assets/images/build-passing.png
diff --git a/web/assets/images/build-pending.png b/web/assets/images/build-pending.png
diff --git a/web/assets/images/build-unknown.png b/web/assets/images/build-unknown.png
diff --git a/web/index-project-list.tmpl b/web/index-project-list.tmpl
@@ -32,12 +32,12 @@
       </TMPL_IF>
     </TMPL_IF>
   </td>
-  <td class="travis">
+  <td class="travis travis-<TMPL_VAR travis_status>">
      <TMPL_IF travis>
-        <a target="_blank" href="https://travis-ci.org/<TMPL_VAR auth>/<TMPL_VAR repo_name>"><img src="assets/images/build-<TMPL_VAR travis_status>.png"></a>
-        <span style="display: none"><TMPL_VAR travis_status></span>
+        <a target="_blank" href="https://travis-ci.org/<TMPL_VAR auth>/<TMPL_VAR repo_name>"><TMPL_VAR travis_status></a>
       <TMPL_ELSE>
-        <span style="display: none">ZZZ</span>
+        <a href="http://docs.travis-ci.com/user/languages/perl6/"
+          class="add_travis">&#x1f527; Add Travis</a>
      </TMPL_IF>
   </td>
   <td class="stargazers">