gui: Add connection status icons to Remote Devices (fixes #8244) (#8553)

2022-09-30 18:15:19 +02:00
parent b39985483d
commit fd0a6225aa
11 changed files with 143 additions and 12 deletions
@@ -144,6 +144,38 @@ table.table-auto td {
    max-width: 0px;
 }

+/* Remote Devices connection-quality indicator */
+.reception-0 {
+    background: url('../../vendor/bootstrap/fonts/reception-0.svg') no-repeat;
+}
+
+.reception-1 {
+    background: url('../../vendor/bootstrap/fonts/reception-1.svg') no-repeat;
+}
+
+.reception-2 {
+    background: url('../../vendor/bootstrap/fonts/reception-2.svg') no-repeat;
+}
+
+.reception-3 {
+    background: url('../../vendor/bootstrap/fonts/reception-3.svg') no-repeat;
+}
+
+.reception-4 {
+    background: url('../../vendor/bootstrap/fonts/reception-4.svg') no-repeat;
+}
+  
+.reception { 
+    width: 1em;
+    height: 1em;
+    display: inline-block;
+    vertical-align: -20%;
+}
+
+.remote-devices-panel {
+    display: inline-block;
+}
+
 /* Wrap long file paths to prevent text overflow. See issue #6268. */
 .file-path {
    word-break: break-all;