sneak/netwatch
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Preserve col-span-2 on stats line when className is updated

Browse Source 
All updateHostRow() and greyOutUI() className assignments were
dropping col-span-2, causing the stats line to only span column 1
instead of both grid columns.
This commit is contained in:
Jeffrey Paul
2026-02-26 19:08:21 +07:00
parent dcdc2873a6
commit d9556e3cfd
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/main.js
View File

@@ -720,19 +720,20 @@ function updateHostRow(host, index) {
`<span class="text-gray-400">avg </span><span class="${latencyClass(avg, "online")}">${avg}ms</span>` + `<span class="text-gray-400">avg </span><span class="${latencyClass(avg, "online")}">${avg}ms</span>` +
` <span class="text-gray-500">/</span> ` + ` <span class="text-gray-500">/</span> ` +
`<span class="text-gray-400">max </span><span class="${latencyClass(max, "online")}">${max}ms</span>`; `<span class="text-gray-400">max </span><span class="${latencyClass(max, "online")}">${max}ms</span>`;
statusEl.className = "status-text text-xs whitespace-nowrap text-right"; statusEl.className =
"status-text text-xs whitespace-nowrap text-right col-span-2";
} else if (host.status === "offline") { } else if (host.status === "offline") {
statusEl.textContent = "unreachable"; statusEl.textContent = "unreachable";
statusEl.className = statusEl.className =
"status-text text-xs text-red-400 whitespace-nowrap text-right"; "status-text text-xs text-red-400 whitespace-nowrap text-right col-span-2";
} else if (host.status === "error") { } else if (host.status === "error") {
statusEl.textContent = "timeout"; statusEl.textContent = "timeout";
statusEl.className = statusEl.className =
"status-text text-xs text-orange-400 whitespace-nowrap text-right"; "status-text text-xs text-orange-400 whitespace-nowrap text-right col-span-2";
} else { } else {
statusEl.textContent = "connecting..."; statusEl.textContent = "connecting...";
statusEl.className = statusEl.className =
"status-text text-xs text-gray-500 whitespace-nowrap text-right text-right"; "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2";
} }
SparklineRenderer.draw(canvas, host.history); SparklineRenderer.draw(canvas, host.history);
@@ -1044,7 +1045,7 @@ function greyOutUI(state) {
if (statusEl) { if (statusEl) {
statusEl.textContent = "paused"; statusEl.textContent = "paused";
statusEl.className = statusEl.className =
"status-text text-xs text-gray-500 whitespace-nowrap text-right"; "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2";
} }
// Grey out the status dot // Grey out the status dot
const row = document.querySelector(`.host-row[data-index="${i}"]`); const row = document.querySelector(`.host-row[data-index="${i}"]`);