mummert/survey-bundle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust fixed logout navigation styling

Browse Source
This commit is contained in:
Jürgen Mummert
2026-05-25 16:09:12 +02:00
parent a893078945
commit 6bbded4181
1 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/auth-module.css
+27 -21
View File
@@ -159,16 +159,23 @@
} }
nav.mod_customnav.block:has(a[href*="/abmelden"]) { nav.mod_customnav.block:has(a[href*="/abmelden"]) {
max-width: min(100%, 24rem); position: fixed;
margin: clamp(1.25rem, 3vw, 2.5rem) auto; top: 1em;
padding: 0.85rem; right: 1em;
border: 1px solid rgba(0, 100, 173, 0.14); z-index: 1000;
border-radius: 1.4rem; margin: 0;
background: linear-gradient(135deg, rgba(0, 100, 173, 0.08), rgba(255, 255, 255, 0.96)); padding: 0;
box-shadow: 0 18px 40px rgba(34, 34, 34, 0.08); border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
box-sizing: border-box; box-sizing: border-box;
} }
nav.mod_customnav.block:has(a[href*="/abmelden"]) .invisible {
display: none !important;
}
nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 { nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -186,23 +193,26 @@ nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
min-height: 2.9rem; min-height: 2.45rem;
padding: 0.7rem 1.15rem; padding: 0.5rem 0.9rem;
border-radius: 999px; border-radius: 999px;
background: rgba(255, 255, 255, 0.98); border: 1px solid rgba(0, 100, 173, 0.16);
background: rgba(255, 255, 255, 0.92);
color: var(--survey-auth-blue); color: var(--survey-auth-blue);
font-family: "Blogger Sans", sans-serif; font-family: "Blogger Sans", sans-serif;
font-size: 0.98rem; font-size: 0.92rem;
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
box-shadow: 0 12px 26px rgba(0, 100, 173, 0.12); backdrop-filter: blur(10px);
transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease; box-shadow: 0 10px 24px rgba(34, 34, 34, 0.1);
transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, background-color 0.18s ease;
} }
nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:hover, nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:hover,
nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:focus { nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:focus {
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 16px 30px rgba(0, 100, 173, 0.18); background: rgba(255, 255, 255, 0.98);
box-shadow: 0 14px 28px rgba(0, 100, 173, 0.16);
color: #004f88; color: #004f88;
} }
@@ -212,16 +222,12 @@ nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:focus {
border-radius: 1.35rem; border-radius: 1.35rem;
} }
.mod_login.block.login button.submit,
nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a {
width: 100%;
}
nav.mod_customnav.block:has(a[href*="/abmelden"]) { nav.mod_customnav.block:has(a[href*="/abmelden"]) {
padding: 0.75rem; top: 0.75rem;
right: 0.75rem;
} }
nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 { .mod_login.block.login button.submit {
width: 100%; width: 100%;
} }
} }