Refactor: Move toolbar outside of scrollable queue sections

This commit is contained in:
Simon Cordt
2025-09-25 17:20:34 +02:00
parent a0283637bb
commit beaafcb2af
2 changed files with 12 additions and 4 deletions
+6 -2
View File
@@ -283,8 +283,7 @@
const root = UI.el("div", { class: "pqueue-root" });
dom.root = root;
root.appendChild(UI.renderToolbar());
const sections = UI.el("div", { class: "pqueue-sections" });
const metrics = UI.renderMetrics();
if (metrics) sections.appendChild(metrics);
@@ -294,6 +293,11 @@
root.appendChild(sections);
state.container.appendChild(root);
// Place toolbar outside of scrollable sections at the bottom
const toolbarHost = UI.el("div", { class: "pqueue-toolbar-host" });
toolbarHost.appendChild(UI.renderToolbar());
state.container.appendChild(toolbarHost);
dom.sections = sections;
requestAnimationFrame(() => {
+6 -2
View File
@@ -46,8 +46,7 @@
const root = UI.el("div", { class: "pqueue-root" });
dom.root = root;
root.appendChild(UI.renderToolbar());
const sections = UI.el("div", { class: "pqueue-sections" });
const metrics = UI.renderMetrics();
if (metrics) sections.appendChild(metrics);
@@ -57,6 +56,11 @@
root.appendChild(sections);
state.container.appendChild(root);
// Place toolbar outside of scrollable sections at the bottom
const toolbarHost = UI.el("div", { class: "pqueue-toolbar-host" });
toolbarHost.appendChild(UI.renderToolbar());
state.container.appendChild(toolbarHost);
dom.sections = sections;
requestAnimationFrame(() => {