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"]) {
max-width: min(100%, 24rem);
margin: clamp(1.25rem, 3vw, 2.5rem) auto;
padding: 0.85rem;
border: 1px solid rgba(0, 100, 173, 0.14);
border-radius: 1.4rem;
background: linear-gradient(135deg, rgba(0, 100, 173, 0.08), rgba(255, 255, 255, 0.96));
box-shadow: 0 18px 40px rgba(34, 34, 34, 0.08);
position: fixed;
top: 1em;
right: 1em;
z-index: 1000;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
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 {
display: flex;
justify-content: center;
@@ -186,23 +193,26 @@ nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.9rem;
padding: 0.7rem 1.15rem;
min-height: 2.45rem;
padding: 0.5rem 0.9rem;
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);
font-family: "Blogger Sans", sans-serif;
font-size: 0.98rem;
font-size: 0.92rem;
font-weight: 500;
text-decoration: none;
box-shadow: 0 12px 26px rgba(0, 100, 173, 0.12);
transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
backdrop-filter: blur(10px);
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:focus {
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;
}
@@ -212,16 +222,12 @@ nav.mod_customnav.block:has(a[href*="/abmelden"]) .level_1 > li > a:focus {
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"]) {
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%;
}
}