From b2b19f6e8b42f8019a0f3c21b5c0354bcf1d79ed Mon Sep 17 00:00:00 2001 From: Christophe Date: Sun, 12 Apr 2026 20:17:06 +0200 Subject: [PATCH] =?UTF-8?q?Rend=20le=20modal=20de=20r=C3=A9sum=C3=A9=20scr?= =?UTF-8?q?ollable?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 74ec4e9..f44d687 100644 --- a/styles.css +++ b/styles.css @@ -851,7 +851,15 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after { z-index: 20; display: grid; place-items: center; - padding: 1rem; + padding: + calc(1rem + var(--safe-top)) + calc(1rem + var(--safe-right)) + calc(1rem + var(--safe-bottom)) + calc(1rem + var(--safe-left)); + overflow-x: hidden; + overflow-y: auto; + overscroll-behavior: contain; + -webkit-overflow-scrolling: touch; } .modal.hidden { @@ -869,6 +877,11 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after { position: relative; z-index: 1; width: min(760px, 100%); + max-height: calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem); + overflow-x: hidden; + overflow-y: auto; + overscroll-behavior: contain; + -webkit-overflow-scrolling: touch; background: #111111; box-shadow: var(--shadow); }