Theodor-Springmann-Stiftung/musenalm
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/musenalm.git synced 2026-02-04 10:35:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

+some small frontend annoyances

Browse Source
This commit is contained in:
Simon Martens
2026-01-21 23:35:45 +01:00
parent 8f4558e331
commit c0146aadfb
8 changed files with 1183 additions and 1062 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
views/routes/almanach/components/contents.gohtml
View File

@@ -73,7 +73,7 @@
<div class="mt-8">
{{- range $i, $c := $model.result.Contents -}}
{{- $rels := index $model.result.ContentsAgents $c.Id -}}
{{- template "_content" Arr $c $model.result.Entry $rels $model.result.Agents -}}
{{- template "_content" Arr $c $model.result.Entry $rels $model.result.Agents false false false $model.request -}}
{{- end -}}
</div>
</div>

24
views/routes/almanach/contents/edit/body.gohtml
View File

@@ -185,8 +185,8 @@
<span>Neuer Beitrag</span>
</button>
</div>
<div class="mx-4 mt-2 rounded-md border border-slate-200 bg-white flex flex-col overflow-hidden" data-role="contents-panel">
<div class="flex-1 min-h-0 overflow-y-auto">
<div class="mx-4 mt-2 rounded-md border border-slate-300 bg-white flex flex-col overflow-hidden p-1" data-role="contents-panel">
<div class="flex-1 min-h-0 overflow-y-scroll">
<div class="flex flex-col gap-0"
data-role="contents-list"
data-order-endpoint="/almanach/{{ $model.result.Entry.MusenalmID }}/contents/edit">
@@ -562,12 +562,26 @@
});
};
const setContentsPanelHeight = () => {
const panel = document.querySelector("[data-role='contents-panel']");
if (!panel) {
return;
}
const rect = panel.getBoundingClientRect();
const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;
const bottomGap = 16;
const available = Math.max(200, viewportHeight - rect.top - bottomGap);
panel.style.height = `${available}px`;
};
const initPage = () => {
list = document.querySelector("[data-role='contents-list']");
if (!list) {
return;
}
setContentsPanelHeight();
const getItems = () => Array.from(list.querySelectorAll("[data-role='content-item']"));
if (getItems().length === 0) {
return;
@@ -903,4 +917,10 @@
initPage();
}
});
if (!window.__contentsPanelResizeBound) {
window.__contentsPanelResizeBound = true;
window.addEventListener("resize", () => {
setContentsPanelHeight();
});
}
</script>