diff --git a/static/public/css/theme.css b/static/public/css/theme.css index 7981abf..e17cf0d 100644 --- a/static/public/css/theme.css +++ b/static/public/css/theme.css @@ -247,6 +247,9 @@ button[type="button"], input[type="button"] { background: var(--accent-soft); co .minimap:empty { display: none; } .minimap .tag { display: inline-block; + max-width: 140px; + overflow: hidden; + text-overflow: ellipsis; padding: 0.25rem 0.6rem; font-size: 0.78rem; font-weight: 500; @@ -258,11 +261,24 @@ button[type="button"], input[type="button"] { background: var(--accent-soft); co white-space: nowrap; transition: color 0.15s, background 0.15s, border-color 0.15s; } +.minimap::-webkit-scrollbar { width: 4px; } +.minimap::-webkit-scrollbar-track { background: transparent; } +.minimap::-webkit-scrollbar-thumb { + background: var(--border); + border-radius: 4px; +} +.minimap::-webkit-scrollbar-thumb:hover { background: var(--muted); } .minimap .tag:hover { color: var(--accent-dark); background: var(--accent-soft); border-color: var(--accent); } +.minimap .tag.back { + color: var(--accent); + background: var(--accent-soft); + border-color: var(--accent); + margin-bottom: 0.25rem; +} /* ===== Node Form (dnfs) ===== */ .node-form { margin-top: 1rem; } diff --git a/static/public/js/dnfs.js b/static/public/js/dnfs.js index 56f5311..83248cd 100644 --- a/static/public/js/dnfs.js +++ b/static/public/js/dnfs.js @@ -224,20 +224,6 @@ function load_notes(main_node) { recommend_list.replaceChildren(); - //alert(stack.length) - if (stack.length > 0) { /* 如果不在根节点 */ - var bak = document.createElement('center'); - bak.addEventListener('click', function (event) { - stack.pop(); - var id = (stack.length > 1) ? stack[stack.length - 1] : 0; - getNode(token, id).then(load_notes) - getNode(token, id).then(loadMap) - }); - var bak1 = document.createElement('h1'); - bak1.textContent = "返回上一层"; - bak.appendChild(bak1) - recommend_list.appendChild(bak) - } for (let i in main_node) { let item = main_node[i] let card = document.createElement('div'); @@ -273,6 +259,18 @@ function load_notes(main_node) { function loadMap(children_json) { minimap.replaceChildren(); + if (stack.length > 0) { + let back = document.createElement("div"); + back.className = "tag back"; + back.textContent = "← 返回上一层"; + back.addEventListener("click", () => { + stack.pop(); + var id = (stack.length > 0) ? stack[stack.length - 1] : 0; + getNode(token, id).then(load_notes); + getNode(token, id).then(loadMap); + }); + minimap.appendChild(back); + } for (let i in children_json) { let item = children_json[i]; let tag = document.createElement("div");