mirror of
https://github.com/LibreQoE/LibreQoS.git
synced 2024-11-21 15:57:24 -06:00
Make the tables bigger and less crazy blue
This commit is contained in:
parent
e329abd6e8
commit
6bf7c7843b
@ -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");
|
||||
|
@ -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");
|
||||
|
@ -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);
|
||||
|
@ -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 {
|
||||
|
@ -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);
|
||||
|
||||
|
@ -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);
|
||||
}
|
Loading…
Reference in New Issue
Block a user