Diplomarbeit-Absolventenverein/Theme.SZUAbsolventenverein
6
0
Fork 0
Code Issues 3 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Mac release fix, version 1.0.11, auto-close sidebar

Browse Source
This commit is contained in:
Adam Gaiswinkler
2025-12-10 15:30:46 +01:00
parent 1c835f3f3a
commit c70d38c450
11 changed files with 139 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
View File

@ -2,9 +2,7 @@
Standard Layout
=========================== */
body {
}
body {}
/* Login-Button (Mobile + Desktop) */
.app-menu-footer .btn-login,
@ -19,17 +17,19 @@ body {
font-weight: 500 !important;
}
/* Hover-Effekt */
.app-menu-footer .btn-login:hover,
.app-menu-footer .login-btn:hover,
.app-menu-footer button:hover,
.app-menu-footer a:hover {
background-color: #f2f2f2 !important;
border-color: #bbb !important;
color: #333 !important;
}
/* Hover-Effekt */
.app-menu-footer .btn-login:hover,
.app-menu-footer .login-btn:hover,
.app-menu-footer button:hover,
.app-menu-footer a:hover {
background-color: #f2f2f2 !important;
border-color: #bbb !important;
color: #333 !important;
}
.content {
margin-top: 60px; /* ungefähr Höhe der Navbar */
margin-top: 60px;
/* ungefähr Höhe der Navbar */
}
/* App Logo */
@ -38,7 +38,7 @@ body {
padding: 0 5px 0 5px;
}
.table > :not(caption) > * > * {
.table> :not(caption)>*>* {
box-shadow: none;
}
@ -99,7 +99,8 @@ body {
/* Navbar als durchgehende Flex-Zeile */
.app-navbar {
display: flex;
flex-wrap: nowrap; /* NICHT umbrechen auf Desktop */
flex-wrap: nowrap;
/* NICHT umbrechen auf Desktop */
align-items: center;
justify-content: flex-start;
z-index: 1000;
@ -123,19 +124,20 @@ body {
/* Burger-Icon (wird nur auf Mobil eingeblendet) */
.nav-toggle-label {
display: none; /* nur auf Mobil sichtbar */
display: none;
/* nur auf Mobil sichtbar */
cursor: pointer;
padding: 0.25rem 0.5rem;
margin-left: auto;
}
.nav-toggle-label span {
display: block;
width: 22px;
height: 2px;
margin: 4px 0;
background-color: #ffffff;
}
.nav-toggle-label span {
display: block;
width: 22px;
height: 2px;
margin: 4px 0;
background-color: #ffffff;
}
/* Menü-Container */
.app-menu {
@ -174,15 +176,15 @@ body {
transition: background-color 0.2s ease, color 0.2s ease;
}
.app-menu .nav-link:hover {
background-color: #4a4a4a;
color: #ffffff !important;
}
.app-menu .nav-link:hover {
background-color: #4a4a4a;
color: #ffffff !important;
}
.app-menu .nav-link.active {
background-color: #3b3b3b;
color: #ffffff !important;
}
.app-menu .nav-link.active {
background-color: #3b3b3b;
color: #ffffff !important;
}
/* ===========================
@ -197,7 +199,8 @@ body {
align-items: center !important;
justify-content: flex-start !important;
position: relative !important;
min-height: 60px; /* optional: fixe Höhe */
min-height: 60px;
/* optional: fixe Höhe */
}
/* Menü nur als Container für den Footer */
@ -229,7 +232,8 @@ body {
.app-menu-footer {
display: flex !important;
gap: 0.75rem !important;
margin-left: auto !important; /* schiebt Footer nach rechts */
margin-left: auto !important;
/* schiebt Footer nach rechts */
padding: 0 !important;
border: none !important;
background: none !important;
@ -270,11 +274,14 @@ body {
/* Sidebar-Wrapper rechts */
.app-menu {
position: fixed;
top: 80px; /* Abstand von oben (über der Navbar + Burger) */
top: 80px;
/* Abstand von oben (über der Navbar + Burger) */
right: 0;
bottom: 0;
width: 70%;
max-width: 280px;
height: calc(100vh - 80px); /* Höhe an das neue top anpassen */
height: calc(100vh - 80px);
/* Höhe an das neue top anpassen */
background-color: #b1b0b0;
flex-direction: column;
align-items: stretch;
@ -303,14 +310,16 @@ body {
padding-top: 0.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.25);
display: flex;
flex-direction: column; /* untereinander statt nebeneinander */
gap: 0.5rem; /* Abstand zwischen Host und Logout */
flex-direction: column;
/* untereinander statt nebeneinander */
gap: 0.5rem;
/* Abstand zwischen Host und Logout */
justify-content: right;
}
/* Sidebar öffnen/schließen über Checkbox */
.nav-toggle:checked ~ .app-menu {
.nav-toggle:checked~.app-menu {
transform: translateX(0);
}
@ -320,5 +329,4 @@ body {
font-size: clamp(12px, 3.5vw, 15px);
}
}
}