fix #148 - implement custom CSS for Connecting nodes

AllStarLink · Aug 4, 2023 · 25705fe · 25705fe
1 parent a0decda
commit 25705fe
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/web/css/main.css b/web/css/main.css
@@ -35,6 +35,9 @@
 	    --am3-conntable-conn-keyed-color: rgba(0, 0, 0, 1);
 	    --am3-conntable-conn-keyed-bg-color: rgba(255, 255, 224, 1);
 
+		/* Node connection table stats=Connecting colors */
+		--am3-conntable-conn-noconn-color: rgba(0,0,0,1);
+		--am3-conntable-conn-noconn-bg-color: rgba(255,255,255,1);
 }
 
 body {
@@ -110,6 +113,11 @@ body {
 	color: var(--am3-conntable-conn-keyed-color);
 }
 
+.node-conn-noconn {
+	background-color: var(--am3-conntable-conn-noconn-bg-color);
+	color: var(--am3-conntable-conn-noconn-color);
+}
+
 .node-bi {
   vertical-align: -.125em;
   color: var(--am3-nodetitle-color);

diff --git a/web/js/index.js b/web/js/index.js
@@ -350,6 +350,9 @@ function nodeConnTable(conns, keyed, keyednode) {
                 rowclass = "node-conn-keyed";
                 lastXmit = "00:00:00";
             }
+			if ( c.CSTATE === "CONNECTING" ){
+				rowclass = "node-conn-noconn";
+			}
 
             row = row.concat(`
             <tr class="${rowclass}" onclick="nodeCmdShortcut(${x})">