kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-04-22 13:12:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Solved main size bug

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-03-18 13:30:38 +01:00
parent 20c4a4809b
commit 3284684282
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E
2 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/static/js/custom_scrollbar.js
View File

@ -1,27 +1,19 @@
function adjustScrollContainerHeight() {
// Elemente ermitteln
const headerEl = document.querySelector('header');
const navEl = document.querySelector('nav');
const footerEl = document.querySelector('footer');
const mainEl = document.getElementById('main');
if (!mainEl) return;
const scrollContainer = mainEl.querySelector('.scroll-container');
if (!scrollContainer) return;
const container = mainEl.parentElement;
const scrollbarContainer = mainEl.parentElement.querySelector('#custom-scrollbar');
let siblingsHeight = 0;
if (headerEl) {
const headerRect = headerEl.getBoundingClientRect();
siblingsHeight += headerRect.height;
}
if (navEl) {
const navRect = navEl.getBoundingClientRect();
siblingsHeight += navRect.height*2;
}
if (footerEl) {
const footerRect = footerEl.getBoundingClientRect();
siblingsHeight += footerRect.height;
}
Array.from(container.children).forEach(child => {
if(child !== mainEl && child !== scrollContainer && child !== scrollbarContainer) {
const style = window.getComputedStyle(child);
const height = child.offsetHeight;
const marginTop = parseFloat(style.marginTop) || 0;
const marginBottom = parseFloat(style.marginBottom) || 0;
siblingsHeight += height + marginTop + marginBottom;
}
});
// Verfügbare Höhe berechnen: Fensterhöhe minus Höhe der Geschwister
const availableHeight = window.innerHeight - siblingsHeight;

4
app/templates/moduls/base.html.j2
View File

@ -33,9 +33,9 @@
{% block content %}{% endblock %}
</div>
</main>
<!-- Custom scrollbar element fixiert am rechten Rand -->
<!-- Custom scrollbar element fixiert am rechten Rand -->
<div id="custom-scrollbar">
<div id="scroll-thumb"></div>
<div id="scroll-thumb"></div>
</div>
{% set menu_type = "footer" %}
{% include "moduls/navigation.html.j2" %}