standard header/menu KA 2026-08-22 : header opaque (plus de blur), z-index --z-header/--z-dropdown
1 changed file +3 −8
modified
frontend/index.html
+3 −8
@@ -67,14 +67,9 @@ button{font-family:inherit} | ||
| 67 | 67 | .ticker span::after{content:"◆";position:absolute;right:-6px;color:var(--lime);font-size:8px;top:3px} |
| 68 | 68 | @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}} |
| 69 | 69 | @media(prefers-reduced-motion:reduce){.ticker-track{animation:none}*{transition-duration:.01ms!important}} |
| 70 | −.header{position:sticky;top:0;z-index:50;background:rgba(245,243,238,.95); | |
| 70 | +/* header opaque, échelle --z-* (standard header/menu KA 2026-08-22) */ | |
| 71 | +.header{position:sticky;top:0;z-index:var(--z-header,500);background:var(--paper); | |
| 71 | 72 | border-bottom:1.5px solid var(--ink)} |
| 72 | −/* blur réservé au desktop : backdrop-filter piège les descendants en position:fixed (WebKit) | |
| 73 | − et coûte cher au scroll mobile — en dessous de 768px, fond quasi opaque sans blur */ | |
| 74 | −@media(min-width:768px){ | |
| 75 | − .header{background:rgba(245,243,238,.9); | |
| 76 | − backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} | |
| 77 | −} | |
| 78 | 73 | .header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;height:auto;min-height:64px;padding:6px 0} |
| 79 | 74 | .header-inner .gk-badge{flex:none} |
| 80 | 75 | @media(max-width:760px){ |
@@ -340,7 +335,7 @@ button{font-family:inherit} | ||
| 340 | 335 | .st-record .rv .klabel{display:block} |
| 341 | 336 | /* v2 : menu PDF, sparklines KPI, jauges, résumé statistique, heatmap horaire */ |
| 342 | 337 | .st-pdf-menu{position:relative;display:inline-block} |
| 343 | −.st-pdf-drop{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:240px; | |
| 338 | +.st-pdf-drop{position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-dropdown,700);min-width:240px; | |
| 344 | 339 | display:flex;flex-direction:column;background:var(--paper);border:1.5px solid var(--ink); |
| 345 | 340 | border-radius:10px;box-shadow:0 10px 28px rgba(20,24,20,.18);overflow:hidden} |
| 346 | 341 | .st-pdf-drop button{border:0;background:none;cursor:pointer;text-align:left;padding:12px 14px; |
| 347 | 342 | |