kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-09-10 03:37:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Implemented hover submenüs

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-01-09 14:42:38 +01:00
parent 7a66184a46
commit d59cc73470
5 changed files with 56 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -113,4 +113,27 @@ h3.footer-title{
.dropdown-menu.collapse.show {
display: block;
}
}
/* Standardmäßig sind die Submenüs ausgeblendet */
.dropdown-submenu .dropdown-menu {
display: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
position: absolute;
left: 100%;
top: 0;
}
/* Beim Hover auf das Submenü-Element wird das Menü angezeigt */
.dropdown-submenu:hover > .dropdown-menu {
display: block;
opacity: 1;
z-index: 1050;
}
/* Um sicherzustellen, dass es nicht sofort verschwindet */
.dropdown-submenu:hover > .dropdown-menu:hover {
display: block;
opacity: 1;
}