kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-01-15 19:23:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Solved submenu bug

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-01-10 14:05:53 +01:00
parent 28cd3e1f2f
commit 9b8e9a0f1c
2 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/static/css/default.css
View File

@ -137,3 +137,22 @@ h3.footer-title{
display: block;
opacity: 1;
}
.dropdown-submenu > .dropdown-menu {
position: absolute;
top: 0;
left: 100%; /* Standardmäßig rechts ausrichten */
margin-top: -1px;
z-index: 1050;
transition: opacity 0.3s ease-in-out;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
opacity: 1;
}
.dropdown-submenu > .dropdown-menu[style*="right: 100%"] {
left: auto; /* Überschreibt die linke Position, wenn nach links geöffnet */
}

13
app/static/js/submenus.js
View File

@ -9,6 +9,19 @@ document.addEventListener('DOMContentLoaded', () => {
clearTimeout(timeout);
const menu = submenu.querySelector('.dropdown-menu');
if (menu) {
// Dynamische Positionierung
const rect = menu.getBoundingClientRect();
const viewportWidth = window.innerWidth;
// Überprüfen, ob Platz nach rechts ist, sonst nach links öffnen
if (rect.right > viewportWidth) {
menu.style.left = 'auto';
menu.style.right = '100%';
} else {
menu.style.left = '100%';
menu.style.right = 'auto';
}
menu.style.display = 'block';
menu.style.opacity = '1';
}