christophe/chesscubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rend le modal de résumé scrollable

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 20:17:06 +02:00
parent 5e8f2ba695
commit b2b19f6e8b
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
styles.css
View File

@@ -851,7 +851,15 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
z-index: 20; z-index: 20;
display: grid; display: grid;
place-items: center; 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 { .modal.hidden {
@@ -869,6 +877,11 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
position: relative; position: relative;
z-index: 1; z-index: 1;
width: min(760px, 100%); 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; background: #111111;
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }