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:
parent
ddf8a2623c
commit
01ab3604d0
1 changed files with 7 additions and 3 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue