topbar opaque + z-index token + hauteur 64px (standard header/menu KA 2026-08-22)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 changed file +3 −3
modified
src/api/web/index.html
+3 −3
@@ -38,11 +38,11 @@ premier, accent indigo propre à API-Ka surchargé en :root ci-dessous. | ||
| 38 | 38 | :root{ |
| 39 | 39 | --accent:#3b5bdb; --accent-soft:#e4eafb; --accent-deep:#2b44a8; --on-accent:#ffffff; |
| 40 | 40 | } |
| 41 | −html{scroll-padding-top:84px} | |
| 41 | +html{scroll-padding-top:80px} | |
| 42 | 42 | |
| 43 | 43 | /* ================= topbar ================= */ |
| 44 | −.topbar{position:sticky;top:0;z-index:60;background:rgba(245,243,238,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1.5px solid var(--ink)} | |
| 45 | −.topbar-in{display:flex;align-items:center;gap:14px;min-height:68px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px} | |
| 44 | +.topbar{position:sticky;top:0;z-index:var(--z-header,500);background:var(--paper);border-bottom:1.5px solid var(--ink)} | |
| 45 | +.topbar-in{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px} | |
| 46 | 46 | .brand{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--touch);white-space:nowrap} |
| 47 | 47 | .brand .ka{display:inline-block;background:var(--ink);color:var(--accent);border-radius:6px;padding:0 7px 2px;margin-left:5px;transform:rotate(-2deg);transition:transform .15s} |
| 48 | 48 | .brand:hover .ka{transform:rotate(0)} |
| 49 | 49 | |