Rend le modal de résumé scrollable

2026-04-12 20:17:06 +02:00
parent 5e8f2ba695
commit b2b19f6e8b
1 changed files with 14 additions and 1 deletions
--- 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);
 }