Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-30 09:35:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

reintro scrollspy

Browse Source
This commit is contained in:
Simon Martens
2025-09-23 04:12:29 +02:00
parent f2bcb771a4
commit db7844ed6f
11 changed files with 579 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
views/routes/ausgabe/body.gohtml
View File

@@ -7,7 +7,7 @@
<div class="flex flex-col lg:flex-row gap-6 w-full min-h-screen">
<!-- Column 1: Sticky Inhaltsverzeichnis -->
<div class="lg:w-1/4 xl:w-1/4 2xl:w-1/4 3xl:w-1/5 flex-shrink-0 bg-slate-50 px-4 py-4">
<div class="sticky top-0 max-h-screen overflow-y-auto overscroll-contain bg-slate-50">
<div class="sticky top-4 max-h-screen overflow-y-auto overscroll-contain bg-slate-50">
<div class="mb-4">
{{ template "_title_nav" . }}
</div>
@@ -18,12 +18,12 @@
</div>
<!-- Column 2: Newspaper pages -->
<div class="flex-1 py-4">
<div class="flex-1 py-4 pr-8 3xl:pr-0">
{{ template "_newspaper_layout" . }}
</div>
<!-- Column 3: Navigation buttons -->
<div class="w-16 lg:w-20 xl:w-24 flex-shrink-0 ">
<div class="w-16 lg:w-20 hidden 3xl:block xl:w-24 flex-shrink-0 ">
<div class="lg:sticky lg:top-12 lg:max-h-[calc(100vh-2rem)]">
<div class="space-y-3 flex flex-col items-center px-2 pt-8">
<button
@@ -55,25 +55,25 @@
<!-- Separator for utility buttons -->
<div class="w-full border-t border-gray-200 my-4"></div>
<!-- <div class="w-full border-t border-gray-200 my-4"></div> -->
<!-- Share Link Button -->
<button
id="shareLinkBtn"
onclick="shareCurrentPage()"
class="w-14 h-10 lg:w-16 lg:h-12 px-2 py-1 bg-blue-100 hover:bg-blue-200 text-blue-700 hover:text-blue-800 border border-blue-300 transition-colors duration-200 flex items-center justify-center cursor-pointer"
title="Link zur aktuellen Seite teilen">
<i class="ri-share-line text-lg lg:text-xl"></i>
</button>
<!-- <button -->
<!-- id="shareLinkBtn" -->
<!-- onclick="shareCurrentPage()" -->
<!-- class="w-14 h-10 lg:w-16 lg:h-12 px-2 py-1 bg-blue-100 hover:bg-blue-200 text-blue-700 hover:text-blue-800 border border-blue-300 transition-colors duration-200 flex items-center justify-center cursor-pointer" -->
<!-- title="Link zur aktuellen Seite teilen"> -->
<!-- <i class="ri-share-line text-lg lg:text-xl"></i> -->
<!-- </button> -->
<!-- Citation Button -->
<button
id="citationBtn"
onclick="generateCitation()"
class="w-14 h-10 lg:w-16 lg:h-12 px-2 py-1 bg-green-100 hover:bg-green-200 text-green-700 hover:text-green-800 border border-green-300 transition-colors duration-200 flex items-center justify-center cursor-pointer"
title="Zitation für diese Seite generieren">
<i class="ri-file-text-line text-lg lg:text-xl"></i>
</button>
<!-- <button -->
<!-- id="citationBtn" -->
<!-- onclick="generateCitation()" -->
<!-- class="w-14 h-10 lg:w-16 lg:h-12 px-2 py-1 bg-green-100 hover:bg-green-200 text-green-700 hover:text-green-800 border border-green-300 transition-colors duration-200 flex items-center justify-center cursor-pointer" -->
<!-- title="Zitation für diese Seite generieren"> -->
<!-- <i class="ri-file-text-line text-lg lg:text-xl"></i> -->
<!-- </button> -->
</div>
</div>
</div>