Update Layout
This commit is contained in:
+10
-17
@@ -1,4 +1,4 @@
|
||||
{{define "headScripts"}}<script src="/_/page/actions.js"></script><script src="/_/page/right-rail.js" defer></script>{{end}}
|
||||
{{define "headScripts"}}<script src="/_/page/actions.js"></script>{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
{{if .Content}}
|
||||
@@ -34,20 +34,13 @@
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
{{define "extras"}}
|
||||
<div class="right-rail">
|
||||
{{if .CanEdit}}
|
||||
<nav class="actions">
|
||||
<div class="panel-header">ACTIONS</div>
|
||||
<button class="btn btn-block" onclick="newPage()" title="New page (N)">NEW</button>
|
||||
<a class="btn btn-block" href="?edit" title="Edit page (E)">EDIT</a>
|
||||
<button class="btn btn-block" data-companion-reveal hidden title="Reveal in file manager">REVEAL</button>
|
||||
{{if not .IsRoot}}
|
||||
<button class="btn btn-block" onclick="movePage()" title="Move page (M)">MOVE</button>
|
||||
<button class="btn btn-block danger" onclick="deletePage()" title="Delete page">DELETE</button>
|
||||
{{end}}
|
||||
</nav>
|
||||
{{define "sidebar"}}{{if .CanEdit}}<nav class="actions">
|
||||
<div class="panel-header">ACTIONS</div>
|
||||
<button class="btn btn-block" onclick="newPage()" title="New page (N)">NEW PAGE</button>
|
||||
<a class="btn btn-block" href="?edit" title="Edit page (E)">EDIT PAGE</a>
|
||||
<button class="btn btn-block" data-companion-reveal hidden title="Reveal in file manager">REVEAL ON CLIENT</button>
|
||||
{{if not .IsRoot}}
|
||||
<button class="btn btn-block" onclick="movePage()" title="Move page (M)">MOVE PAGE</button>
|
||||
<button class="btn btn-block danger" onclick="deletePage()" title="Delete page">DELETE PAGE</button>
|
||||
{{end}}
|
||||
{{if .SidebarWidget}}{{.SidebarWidget}}{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</nav>{{end}}{{if .SidebarWidget}}{{.SidebarWidget}}{{end}}{{end}}
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var rail = document.querySelector(".right-rail");
|
||||
if (!rail) return;
|
||||
var header = document.querySelector("header");
|
||||
if (!header) return;
|
||||
function updateTop() {
|
||||
if (getComputedStyle(rail).position !== "fixed") {
|
||||
rail.style.top = "";
|
||||
return;
|
||||
}
|
||||
var rect = header.getBoundingClientRect();
|
||||
rail.style.top = Math.max(8, rect.bottom + 8) + "px";
|
||||
}
|
||||
window.addEventListener("scroll", updateTop, { passive: true });
|
||||
window.addEventListener("resize", updateTop);
|
||||
updateTop();
|
||||
});
|
||||
+1
-6
@@ -28,12 +28,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
});
|
||||
nav.appendChild(list);
|
||||
|
||||
var rail = document.querySelector(".right-rail");
|
||||
if (!rail) {
|
||||
rail = document.createElement("div");
|
||||
rail.className = "right-rail";
|
||||
document.body.appendChild(rail);
|
||||
}
|
||||
var rail = document.querySelector("aside.sidebar");
|
||||
rail.appendChild(nav);
|
||||
|
||||
var fab = document.createElement("button");
|
||||
|
||||
Reference in New Issue
Block a user