Mobile menu: scrollable + dvh height fix
- overflow-y: auto pour scroll vertical quand le menu déborde - height: 100dvh (dynamic viewport) pour meilleur rendu mobile (barre URL) - -webkit-overflow-scrolling: touch (smooth iOS) - overscroll-behavior: contain (pas de scroll-chain sur le body en dessous) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
72da4fcfd5
commit
e58e3d674d
@ -392,6 +392,7 @@ p {
|
||||
width: 80%;
|
||||
max-width: 360px;
|
||||
height: 100vh;
|
||||
height: 100dvh; /* dynamic viewport — meilleur sur mobile (barre URL) */
|
||||
background: var(--navy-dark);
|
||||
z-index: 999;
|
||||
padding: calc(var(--header-height) + var(--space-xl)) var(--space-xl) var(--space-xl);
|
||||
@ -399,6 +400,9 @@ p {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-lg);
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
|
||||
.mobile-nav.open {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user