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

Pinned Message and Audio Player: Fix appearance transition (#1569)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-12-10 18:32:44 +01:00
parent ccb7aeb3b1
commit 6e4b7cc04a
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/middle/MiddleHeader.scss
View File

@ -352,7 +352,7 @@
@media (min-width: 1276px) { @media (min-width: 1276px) {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
transition: transform var(--layer-transition); transition: opacity 0.15s ease, transform var(--layer-transition);
#Main.right-column-open & { #Main.right-column-open & {
transform: translate3d(calc(var(--right-column-width) * -1), 0, 0); transform: translate3d(calc(var(--right-column-width) * -1), 0, 0);
@ -377,7 +377,7 @@
padding: .25rem .8125rem .25rem 1rem; padding: .25rem .8125rem .25rem 1rem;
box-shadow: 0 .125rem .125rem var(--color-light-shadow); box-shadow: 0 .125rem .125rem var(--color-light-shadow);
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
transition: transform var(--layer-transition); transition: opacity 0.15s ease, transform var(--layer-transition);
&::before { &::before {
content: ""; content: "";
@ -402,7 +402,7 @@
@media (min-width: 1276px) { @media (min-width: 1276px) {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
transition: transform var(--layer-transition); transition: opacity 0.15s ease, transform var(--layer-transition);
#Main.right-column-open & { #Main.right-column-open & {
padding-left: calc(var(--right-column-width) + 1rem); padding-left: calc(var(--right-column-width) + 1rem);