Refactor: Move toolbar outside of scrollable queue sections
This commit is contained in:
+6
-2
@@ -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(() => {
|
||||
|
||||
@@ -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(() => {
|
||||
|
||||
Reference in New Issue
Block a user