commit 66c2ccdc616a4d29d49cb298bf1e5c07cb75f81f Author: cypherpunks cypherpunks@torproject.org 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>