diff options
author | Jordan <me@jordan.im> | 2020-09-16 16:45:16 -0700 |
---|---|---|
committer | Jordan <me@jordan.im> | 2020-09-16 16:47:18 -0700 |
commit | 3d1334dae82179e132cd6ea1cdd3d7a986af965e (patch) | |
tree | 5779ddeecb9d1e2bc52f469d1b8532956659e02f | |
parent | cb5b8c8d95b62ea55f3717566dd3a580938ca6a3 (diff) | |
download | allium-3d1334dae82179e132cd6ea1cdd3d7a986af965e.tar.gz allium-3d1334dae82179e132cd6ea1cdd3d7a986af965e.zip |
fix status circle display in Tor Browser (use CSS instead of entity)
-rw-r--r-- | tor-metrics/templates/relay-list.html | 4 | ||||
-rw-r--r-- | tor-metrics/templates/skeleton.html | 22 |
2 files changed, 19 insertions, 7 deletions
diff --git a/tor-metrics/templates/relay-list.html b/tor-metrics/templates/relay-list.html index ada0b2b..4281fef 100644 --- a/tor-metrics/templates/relay-list.html +++ b/tor-metrics/templates/relay-list.html @@ -28,9 +28,9 @@ {% set obs_bandwidth = '%s %s'|format((relay['observed_bandwidth'] / 1000)|round(2, 'common'), 'KB/s') %}{% endif %} {% if relay['running'] %} - <td class="relay-online" title="This relay is online">⚫</td> + <td><span class="circle circle-online" title="This relay is online"></span></td> {% else %} - <td class="relay-offline" title="This relay is offline">⚫</td> + <td><span class="circle circle-offline" title="This relay is offline"></span></td> {% endif %} {% if key != 'family' and relay['effective_family']|length > 1 %} diff --git a/tor-metrics/templates/skeleton.html b/tor-metrics/templates/skeleton.html index bfc2dc9..d236def 100644 --- a/tor-metrics/templates/skeleton.html +++ b/tor-metrics/templates/skeleton.html @@ -7,13 +7,25 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="{{ path_prefix }}static/css/bootstrap.min.css"> - <!--colors from metrics.torproject.org--> + <!--source: metrics.torproject.org--> <style> - .relay-online { - color: #25d918; + .circle { + display: inline-block; + vertical-align: middle; + background: #999999; + width: 7px; + height: 7px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } - .relay-offline { - color: #ff1515; + + .circle-online { + background: #25d918; + } + + .circle-offline { + background: #ff1515; } .verified-hostname { color: #FE9F30; |