@@ -399,6 +405,11 @@
wireItem(el, "q", i);
list.appendChild(el);
});
+ const slotAdd = document.createElement("button");
+ slotAdd.className = "slot-add"; slotAdd.textContent = "+"; slotAdd.title = "Add link";
+ slotAdd.onclick = (e) => { e.preventDefault(); e.stopPropagation(); openModal("q", -1); };
+ slotAdd.oncontextmenu = (e) => e.preventDefault();
+ list.appendChild(slotAdd);
const sm = state.sections.sm || [];
const grid = $("cardsGrid");
@@ -448,34 +459,26 @@
});
el.addEventListener("dragend", () => {
el.classList.remove("dragging");
- document.querySelectorAll(".drag-above,.drag-below,.drag-before,.drag-after")
- .forEach((n) => n.classList.remove("drag-above", "drag-below", "drag-before", "drag-after"));
+ document.querySelectorAll(".drag-before,.drag-after")
+ .forEach((n) => n.classList.remove("drag-before", "drag-after"));
});
el.addEventListener("dragover", (e) => {
e.preventDefault(); e.dataTransfer.dropEffect = "move";
const r = el.getBoundingClientRect();
- // Vertical mid-split for slots, horizontal mid-split for cards.
- if (sec === "q") {
- const above = e.clientY < r.top + r.height / 2;
- el.classList.toggle("drag-above", above);
- el.classList.toggle("drag-below", !above);
- } else {
- const before = e.clientX < r.left + r.width / 2;
- el.classList.toggle("drag-before", before);
- el.classList.toggle("drag-after", !before);
- }
+ // Both sections are 2D grids now — horizontal mid-split picks insert side.
+ const before = e.clientX < r.left + r.width / 2;
+ el.classList.toggle("drag-before", before);
+ el.classList.toggle("drag-after", !before);
});
el.addEventListener("dragleave", () => {
- el.classList.remove("drag-above", "drag-below", "drag-before", "drag-after");
+ el.classList.remove("drag-before", "drag-after");
});
el.addEventListener("drop", (e) => {
e.preventDefault();
const payload = tryParse(e.dataTransfer.getData("application/x-slot"));
if (!payload) return;
const r = el.getBoundingClientRect();
- const side = (sec === "q")
- ? (e.clientY < r.top + r.height / 2 ? -1 : 1)
- : (e.clientX < r.left + r.width / 2 ? -1 : 1);
+ const side = e.clientX < r.left + r.width / 2 ? -1 : 1;
let targetIdx = i + (side === 1 ? 1 : 0);
moveItem(payload.sec, payload.i, sec, targetIdx);
});
@@ -695,9 +698,7 @@
r.readAsDataURL(f);
};
- // Slot-add button (bottom of the left column) and search form
- $("slotAdd").onclick = (e) => { e.preventDefault(); openModal("q", -1); };
- $("slotAdd").oncontextmenu = (e) => e.preventDefault();
+ // Search form (slot-add button is rendered inside slotsList per render())
$("searchForm").addEventListener("submit", (e) => {
e.preventDefault();
const q = $("q").value.trim(); if (!q) return;
diff --git a/package.json b/package.json
index d9976ddb..193dfbfb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "theseus-navigator",
- "version": "0.3.92",
+ "version": "0.3.93",
"license": "MPL-2.0",
"description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.",
"author": "Silent Mode",