[tor-commits] [atlas/master] Replace the relay status icons with CSS

[irl@xxxxxxxxxxxxxx]

commit 66c2ccdc616a4d29d49cb298bf1e5c07cb75f81f
Author: cypherpunks <cypherpunks@xxxxxxxxxxxxxx>
Date:   Mon May 8 11:42:07 2017 +0000

    Replace the relay status icons with CSS
    
    Closes #22416.
---
 css/style.css                    |  19 +++++++++++++++++++
 img/properties/offline_16x16.png | Bin 229 -> 0 bytes
 img/properties/online_16x16.png  | Bin 230 -> 0 bytes
 templates/details/bridge.html    |   4 ++--
 templates/details/router.html    |   4 ++--
 templates/search/do.html         |   4 ++--
 6 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index e4b3a81..c1c91c6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -44,6 +44,25 @@ input {
     width:150px;
 }
 
+.circle {
+    display: inline-block;
+    vertical-align: middle;
+    background: #999999;
+    width: 10px;
+    height: 10px;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+    border-radius: 50%;
+}
+
+.circle-online {
+    background: #25d918;
+}
+
+.circle-offline {
+    background: #ff1515;
+}
+
 @media screen and (max-width: 980px) {
     .nav-collapse ul {
         padding-top:20px;
diff --git a/img/properties/offline_16x16.png b/img/properties/offline_16x16.png
deleted file mode 100644
index 9af422b..0000000
Binary files a/img/properties/offline_16x16.png and /dev/null differ
diff --git a/img/properties/online_16x16.png b/img/properties/online_16x16.png
deleted file mode 100644
index 37a4e5b..0000000
Binary files a/img/properties/online_16x16.png and /dev/null differ
diff --git a/templates/details/bridge.html b/templates/details/bridge.html
index c4b93c0..8c9b1b4 100644
--- a/templates/details/bridge.html
+++ b/templates/details/bridge.html
@@ -1,9 +1,9 @@
 <h1>
     Details for: <%= relay.get('nickname') %>
     <% if (relay.get('running') === false) { %>
-    <img class="tip" src="img/properties/offline_16x16.png" alt="Offline" title="This bridge is offline."/>
+    <span class="tip circle circle-offline" title="This bridge is offline."></span>
     <% } else { %>
-    <img class="tip" src="img/properties/online_16x16.png" alt="Running" title="This bridge is running."/>
+    <span class="tip circle circle-online" title="This bridge is running."></span>
     <% } %>
 </h1>
 
diff --git a/templates/details/router.html b/templates/details/router.html
index 4ee112e..f0f3105 100644
--- a/templates/details/router.html
+++ b/templates/details/router.html
@@ -1,9 +1,9 @@
 <h1>
     Details for: <%= relay.get('nickname') %>
     <% if (relay.get('running') === false) { %>
-    <img class="tip" src="img/properties/offline_16x16.png" alt="Offline" title="This relay is offline."/>
+    <span class="tip circle circle-offline" title="This relay is offline."></span>
     <% } else { %>
-    <img class="tip" src="img/properties/online_16x16.png" alt="Running" title="This relay is running."/>
+    <span class="tip circle circle-online" title="This relay is running."></span>
     <% } %>
 </h1>
 
diff --git a/templates/search/do.html b/templates/search/do.html
index 56d8396..41c3175 100644
--- a/templates/search/do.html
+++ b/templates/search/do.html
@@ -79,9 +79,9 @@
 		<% } %>
             <td>
             <% if (relay.get('running') === false) { %>
-                <img class="tip inline flags" src="img/properties/offline_16x16.png" alt="Currently offline" title="This relay is currently offline."/>
+                <span class="tip circle circle-offline" title="This relay is offline."></span>
             <% } else { %>
-                <img class="tip inline flags" src="img/properties/online_16x16.png" alt="Currently running" title="This relay is currently running."/>
+                <span class="tip circle circle-online" title="This relay is running."></span>
             <% } %>
             </td>
 			<td>



_______________________________________________
tor-commits mailing list
tor-commits@xxxxxxxxxxxxxxxxxxxx
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits