Make the tables bigger and less crazy blue

This commit is contained in:
Herbert Wolverson 2024-07-22 16:18:32 -05:00
parent e329abd6e8
commit 6bf7c7843b
6 changed files with 21 additions and 10 deletions

View File

@ -77,9 +77,6 @@ export class Top10FlowsBytes extends BaseDashlet {
let proto = document.createElement("td");
proto.innerText = r.analysis;
if (r.analysis.length > 6) {
proto.classList.add("tiny");
}
row.appendChild(proto);
let dl = document.createElement("td");

View File

@ -77,9 +77,6 @@ export class Top10FlowsRate extends BaseDashlet {
let proto = document.createElement("td");
proto.innerText = r.analysis;
if (r.analysis.length > 6) {
proto.classList.add("tiny");
}
row.appendChild(proto);
let dl = document.createElement("td");

View File

@ -65,7 +65,7 @@ export class TopTreeSummary extends BaseDashlet {
let link = document.createElement("a");
link.href = "/tree.html?id=" + r[0];
link.innerText = r[1].name;
link.classList.add("tiny", "redactable");
link.classList.add("redactable");
nameCol.appendChild(link);
row.appendChild(nameCol);

View File

@ -4,6 +4,7 @@ export class DashboardGraph {
constructor(id) {
this.id = id;
this.dom = document.getElementById(id);
this.dom.classList.add("muted");
if (isDarkMode()) {
this.chart = echarts.init(this.dom, 'dark');
} else {

View File

@ -122,11 +122,13 @@ export function topNTableRow(r) {
row.classList.add("small");
if (r.circuit_id !== "") {
let td = document.createElement("td");
let link = document.createElement("a");
link.href = "circuit.html?id=" + encodeURI(r.circuit_id);
link.innerText = r.ip_address;
redactCell(link);
row.append(link);
td.append(link);
row.append(td);
} else {
let ip = document.createElement("td");
ip.innerText = r.ip_address;
@ -135,7 +137,6 @@ export function topNTableRow(r) {
}
let shaped = document.createElement("td");
shaped.classList.add("tiny");
shaped.innerText = r.plan.down + " / " + r.plan.up;
row.append(shaped);

View File

@ -86,7 +86,10 @@ body {
.redactable {
filter: var(--redact);
}
.small { font-size: 8pt; }
.small {
font-size: 9pt;
text-overflow: ellipsis;
}
/* Funky tricks for the tree view */
.overlayThroughputWrapper {
@ -132,4 +135,16 @@ body {
}
.fa-centerline {
vertical-align: middle;
}
.dark-mode .muted {
filter: contrast(50%);
}
table thead {
color: var(--bs-secondary-color);
}
table tr td {
color: var(--bs-tertiary-color);
}
table tr td a {
color: var(--bs-secondary-color);
}