IntenseWebs/LibreQoS
3
0
Fork 0
mirror of https://github.com/LibreQoE/LibreQoS.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add a little size control to the dashboard editor

Browse Source
This commit is contained in:
Herbert Wolverson 2024-06-27 12:27:33 -05:00
parent ebf4b71c29
commit 2e2c290b1a
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/rust/lqosd/src/node_manager/js_build/src/dashlets/dashboard.js
View File

@ -109,6 +109,7 @@ export class Dashboard {
let col1 = document.createElement("div"); let col1 = document.createElement("div");
col1.classList.add("col-6"); col1.classList.add("col-6");
col1.style.minWidth = "300px";
col1.appendChild(this.#buildDashletList()); col1.appendChild(this.#buildDashletList());
let options = document.createElement("div"); let options = document.createElement("div");
@ -132,6 +133,7 @@ export class Dashboard {
let col2 = document.createElement("div"); let col2 = document.createElement("div");
col2.classList.add("col-6"); col2.classList.add("col-6");
col2.style.minWidth = "300px";
col2.appendChild(this.#buildMenu()); col2.appendChild(this.#buildMenu());
// Themes from the server // Themes from the server
@ -329,6 +331,8 @@ export class Dashboard {
#buildDashletList() { #buildDashletList() {
let dashletList = document.createElement("div"); let dashletList = document.createElement("div");
dashletList.id = "dashletList"; dashletList.id = "dashletList";
dashletList.style.maxHeight = "450px";
dashletList.style.overflowY = "auto";
dashletList.appendChild(heading5Icon("dashboard", "Dashboard Items")); dashletList.appendChild(heading5Icon("dashboard", "Dashboard Items"));
dashletList.appendChild(document.createElement("hr")); dashletList.appendChild(document.createElement("hr"));
@ -439,7 +443,7 @@ export class Dashboard {
list.size = DashletMenu.length; list.size = DashletMenu.length;
list.style.width = "100%"; list.style.width = "100%";
list.classList.add("listBox"); list.classList.add("listBox");
list.size = 10; list.size = 8;
DashletMenu.forEach((d) => { DashletMenu.forEach((d) => {
let entry = document.createElement("option"); let entry = document.createElement("option");
entry.value = d.tag; entry.value = d.tag;

3
src/rust/lqosd/src/node_manager/static2/node_manager.css
View File

@ -74,4 +74,7 @@ body.dark-mode {
right: 10%; right: 10%;
padding: 10px; padding: 10px;
background: var(--bs-body-bg); background: var(--bs-body-bg);
overflow: scroll;
min-width: 500px;
min-height: 500px;
} }