From 5503baa65102b47d8f2b07fc69b0ebad9507613c Mon Sep 17 00:00:00 2001
From: Jakob Stendahl <jakobste@uio.no>
Date: Mon, 11 Jan 2021 21:17:44 +0100
Subject: :sparkles: Add ping indicator and send all parameters

---
 styles.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'styles.css')

diff --git a/styles.css b/styles.css
index bff4d94..dd18832 100644
--- a/styles.css
+++ b/styles.css
@@ -67,6 +67,28 @@ body {
     color: #008000;
 }
 
+.ping {
+    display: none;
+}
+
+.connected .ping {
+    display: block;
+    margin-left: 5px;
+    color: #4a4a4a;
+}
+
+.ping i {
+    -webkit-animation: ping-fade-out 2s forwards; /* Safari 4+ */
+    -moz-animation:    ping-fade-out 2s forwards; /* Fx 2+ */
+    -o-animation:      ping-fade-out 2s forwards; /* Opera 12+ */
+    animation:         ping-fade-out 2s forwards; /* IE 10+, Fx 29+ */
+}
+
+@-webkit-keyframes ping-fade-out {
+  0%   { opacity: 1; }
+  100% { opacity: 0; }
+}
+
 .options {
     position: absolute;
     display: flex;
-- 
cgit v1.2.3