Changeset d8693e4 in Klonkt

Timestamp:

06/17/2026 01:00:03 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

c2a9522

Parents:

dc4c067

Message:

User-menu dropdown: frosted-glass background (more transparent 66% + blur 20px)

Was 92% opaque → the backdrop-blur was barely visible. The frosted effect
now comes through.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/views/partials/topnav.ejs (modified) (1 diff)

src/views/partials/topnav.ejs

@@ -364 +364 @@
   min-width: 220px;
   padding: .35rem;
-  background: color-mix(in srgb, var(--paper) 92%, transparent);
-  backdrop-filter: blur(14px) saturate(180%);
-  -webkit-backdrop-filter: blur(14px) saturate(180%);
+  /* Frosted glass: bewust transparanter (was 92%) zodat de blur écht doorkomt. */
+  background: color-mix(in srgb, var(--paper) 66%, transparent);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
   border: 1px solid var(--rule);
   border-radius: 12px;