luxick/datascape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Include Listings in TOC

Browse Source
This commit is contained in:
luxick
2026-05-07 14:16:18 +02:00
parent 8521c1dc6e
commit cc264daa79
2 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/page.html
+10 -10
View File
@@ -7,18 +7,9 @@
{{if .SpecialContent}} {{if .SpecialContent}}
<div class="content">{{.SpecialContent}}</div> <div class="content">{{.SpecialContent}}</div>
{{end}} {{end}}
{{if or .Content .SpecialContent}}
<script src="/_/content.js"></script>
<script src="/_/anchors.js"></script>
<script src="/_/toc.js"></script>
<script src="/_/tasks.js"></script>
{{end}}
{{if .Content}}
<script src="/_/sections.js"></script>
{{end}}
{{if .Entries}} {{if .Entries}}
<h2 id="files">Files</h2>
<div class="listing"> <div class="listing">
<div class="listing-header">Contents</div>
{{range .Entries}} {{range .Entries}}
<div class="listing-item"> <div class="listing-item">
<span class="icon">{{.Icon}}</span> <span class="icon">{{.Icon}}</span>
@@ -32,6 +23,15 @@
<p class="empty">Empty folder — <a href="?edit">[CREATE]</a></p> <p class="empty">Empty folder — <a href="?edit">[CREATE]</a></p>
{{end}} {{end}}
{{end}} {{end}}
{{if or .Content .SpecialContent}}
<script src="/_/content.js"></script>
<script src="/_/anchors.js"></script>
<script src="/_/toc.js"></script>
<script src="/_/tasks.js"></script>
{{end}}
{{if .Content}}
<script src="/_/sections.js"></script>
{{end}}
{{end}} {{end}}
{{define "extras"}} {{define "extras"}}
assets/style.css
+15 -10
View File
@@ -251,22 +251,22 @@ main {
.listing { .listing {
border: 1px solid var(--secondary); border: 1px solid var(--secondary);
} }
.listing-header { main > h2 {
padding: 0.5rem 1rem;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text); color: var(--text);
border-bottom: 1px solid var(--secondary); margin: 1.25rem 0 0.5rem;
line-height: 1.3;
font-size: 1.4rem;
} }
.listing-item { .listing-item {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
padding: 0.6rem 1rem; padding: 0.6rem 1rem;
border-top: 1px solid var(--secondary);
font-size: 0.95rem; font-size: 0.95rem;
} }
.listing-item + .listing-item {
border-top: 1px solid var(--secondary);
}
.listing-item:hover { .listing-item:hover {
background: var(--bg-panel-hover); background: var(--bg-panel-hover);
} }
@@ -277,9 +277,7 @@ main {
} }
.listing-item a { .listing-item a {
flex: 1; flex: 1;
overflow: hidden; overflow-wrap: anywhere;
text-overflow: ellipsis;
white-space: nowrap;
color: inherit; color: inherit;
} }
.listing-item .meta { .listing-item .meta {
@@ -862,4 +860,11 @@ hr {
.modal-header { .modal-header {
cursor: default; cursor: default;
} }
.listing-item {
flex-wrap: wrap;
}
.listing-item .meta {
flex-basis: 100%;
padding-left: calc(1.25rem + 0.75rem);
}
} }