mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-05-13 18:30:46 +00:00
fix: sidedrawer bug on webkit browsers
This commit is contained in:
parent
f4e5b71239
commit
233049cf6d
1 changed files with 11 additions and 0 deletions
|
|
@ -26,6 +26,17 @@
|
||||||
transition: transform 0.3s ease-in-out;
|
transition: transform 0.3s ease-in-out;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
|
// Safari has a compositing bug where transform animations on a parent with
|
||||||
|
// scrollable children causes the video player element to shift left during the animation.
|
||||||
|
// Disable the slide animation on Safari until WebKit resolves this.
|
||||||
|
@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
|
||||||
|
&:global(.slide-left-enter),
|
||||||
|
&:global(.slide-left-active),
|
||||||
|
&:global(.slide-left-exit) {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.close-button {
|
.close-button {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue