tokens.css : overflow-x clip aussi sur html (quirk WebKit iOS) ; immo-ka : zone tactile ka-signup portée à 45 px effectifs
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2 changed files +5 −2
modified
frontend/src/ka/tokens.css
+4 −1
@@ -90,7 +90,10 @@ | ||
| 90 | 90 | |
| 91 | 91 | /* ---- Socle ---- */ |
| 92 | 92 | * { box-sizing: border-box; } |
| 93 | −html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } | |
| 93 | +/* overflow-x: clip sur html ET body — sur WebKit iOS, clip posé sur body seul | |
| 94 | + ne bloque PAS le défilement latéral du viewport (quirk de propagation) ; | |
| 95 | + clip (≠ hidden) ne casse pas position:sticky. */ | |
| 96 | +html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip; } | |
| 94 | 97 | body { |
| 95 | 98 | margin: 0; |
| 96 | 99 | background: var(--paper); |
modified
frontend/src/styles.css
+1 −1
@@ -666,7 +666,7 @@ table.rooms tr:nth-child(even) td { background: var(--surface-2); } | ||
| 666 | 666 | .ka-login:active { transform: translate(2px, 2px); box-shadow: none; } |
| 667 | 667 | .ka-signup { position: relative; font-family: var(--font-mono); font-size: 11px; color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; } |
| 668 | 668 | /* Cible tactile ≥44 px sans changer le rendu (lien 99×17 au naturel) */ |
| 669 | −.ka-signup::after { content: ""; position: absolute; inset: -10px; } | |
| 669 | +.ka-signup::after { content: ""; position: absolute; inset: -14px; } | |
| 670 | 670 | .ka-signup:hover { color: var(--accent-deep); } |
| 671 | 671 | @media (max-width: 1100px) { .header-acct .ka-signup { display: none; } } |
| 672 | 672 | .ka-acct { |
| 673 | 673 | |