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

final solving all of menu bugs

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-01-14 21:31:02 +01:00
parent c24e35c4e8
commit c01e9125aa
2 changed files with 13 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,13 +23,17 @@ a {
flex: 1; flex: 1;
} }
/* Subtle shadow effect */
.navbar, .card, .dropdown-menu{
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
/* Card styles */ /* Card styles */
.navbar, .card { .navbar, .card {
flex: 1; /* Ensures cards fill the height of their container */ flex: 1; /* Ensures cards fill the height of their container */
border-radius: 5px; /* Rounded corners */ border-radius: 5px; /* Rounded corners */
border: 1px solid #ccc; /* Optional border color */ border: 1px solid #ccc; /* Optional border color */
padding: 10px; /* Inner spacing */ padding: 10px; /* Inner spacing */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Subtle shadow effect */
color: #000000 !important; color: #000000 !important;
background-color: #f9f9f9; background-color: #f9f9f9;
} }

35
app/static/css/navigation.css
View File

@ -3,34 +3,13 @@
display: none; display: none;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease; width: max-content !important; /* Passt die Breite an das breiteste Item an */
} box-sizing: border-box; /* Berücksichtigt Innenabstand und Rahmen */
}
/* Dropdown-Menü beim Hover anzeigen */ /* Positionierung von Submenüs */
.nav-item.dropdown:hover > .dropdown-menu, .dropdown-submenu > .dropdown-menu {
.dropdown-submenu:hover > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
}
/* Dropdown-Menü bei der Klasse "open" anzeigen */
.nav-item.dropdown.open > .dropdown-menu,
.dropdown-submenu.open > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
}
/* Positionierung von Submenüs */
.dropdown-submenu > .dropdown-menu {
position: absolute; position: absolute;
transition: opacity 0.3s ease, visibility 0.3s ease;
top: 0; top: 0;
left: 100%; /* Rechts ausklappen */ }
}
.dropdown-submenu.open > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
}