ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Middle Column: Fix chat opening animation on Android (#3176)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-05-15 10:57:45 +02:00
parent 96670d0454
commit 177ae58c4b
1 changed files with 6 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/main/Main.scss
View File

@ -81,12 +81,17 @@
z-index: 1; z-index: 1;
pointer-events: none; pointer-events: none;
body.no-page-transitions & {
transition: none;
}
// @optimization // @optimization
body.is-android & { body.is-android & {
display: none; display: none;
} }
body.is-android #Main.left-column-animating &, body.is-android #Main:not(.left-column-open) & { body.is-android #Main.left-column-animating &,
body.is-android #Main:not(.left-column-open) & {
display: block; display: block;
} }
@ -190,60 +195,3 @@
} }
} }
} }
body.is-android:not(.no-right-column-animations) {
--layer-transition: 250ms ease-in-out;
#RightColumn {
transition: transform var(--layer-transition), opacity var(--layer-transition);
}
}
body.is-android.no-page-transitions {
--layer-transition: 250ms ease-in-out;
#LeftColumn, #MiddleColumn, #RightColumn {
transition: transform var(--layer-transition), opacity var(--layer-transition);
}
#Main.left-column-open:not(.left-column-animating) {
#MiddleColumn {
display: none;
}
}
#Main.left-column-open {
#MiddleColumn {
transform: translate3d(10vw, 0, 0);
opacity: 0;
}
}
#Main:not(.left-column-open) {
#LeftColumn {
transform: translate3d(0, 0, 0);
opacity: 0;
}
}
// @optimization
#Main:not(.right-column-open):not(.right-column-animating) {
#RightColumn {
display: none;
}
}
#Main:not(.right-column-open) {
#RightColumn {
transform: translate3d(10vw, 0, 0);
opacity: 0;
}
}
#Main.right-column-open {
#MiddleColumn {
transform: translate3d(0, 0, 0);
opacity: 0;
}
}
}