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

Ajuste le viewport iOS de la page chrono

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 17:33:01 +02:00
parent a09b341be7
commit 489f6a7728
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
styles.css
View File

@@ -1993,6 +1993,12 @@ textarea:focus {
} }
@media (max-width: 900px) { @media (max-width: 900px) {
body[data-page="chrono"].phase-body {
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior-y: none;
}
body[data-page="chrono"] .phase-header { body[data-page="chrono"] .phase-header {
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;
gap: 0.35rem; gap: 0.35rem;
@@ -2011,6 +2017,9 @@ textarea:focus {
} }
body[data-page="chrono"] .phase-shell { body[data-page="chrono"] .phase-shell {
min-height: 100svh;
height: auto;
max-height: none;
gap: 0.35rem; gap: 0.35rem;
padding: padding:
calc(var(--phase-top-offset) + 0.55rem) calc(var(--phase-top-offset) + 0.55rem)
@@ -2089,6 +2098,18 @@ textarea:focus {
} }
} }
@supports (-webkit-touch-callout: none) {
@media (max-width: 900px) {
body[data-page="chrono"].phase-body {
min-height: -webkit-fill-available;
}
body[data-page="chrono"] .phase-shell {
min-height: -webkit-fill-available;
}
}
}
@media (max-width: 420px) { @media (max-width: 420px) {
body[data-page="chrono"] .phase-header { body[data-page="chrono"] .phase-header {
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;