fix example scrolling on ios (#2412)

We were blocking scrolling on touch devices with `touch-action: none`.
This diff moves that from the `<body>` onto just the editor itself.

### Change Type

- [x] `documentation` — Changes to the documentation only[^2]
This commit is contained in:
alex 2024-01-05 14:21:58 +00:00 committed by GitHub
parent ddf8a2623c
commit 01ab3604d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -5,8 +5,6 @@ body {
padding: 0;
margin: 0;
font-family: 'Inter', sans-serif;
overscroll-behavior: none;
touch-action: none;
min-height: 100vh;
font-size: 16px;
/* mobile viewport bug fix */
@ -29,6 +27,8 @@ html,
position: absolute;
inset: 0px;
overflow: hidden;
overscroll-behavior: none;
touch-action: none;
}
.examples {
@ -119,10 +119,14 @@ html,
opacity: 0;
transition: opacity 0.12s ease-in-out;
}
.examples__list__item:hover::before,
.examples__list__item__active::before {
opacity: 1;
}
@media screen and (pointer: fine) {
.examples__list__item:hover::before {
opacity: 1;
}
}
.examples__list__item h3 {
all: unset;