From 6e4b7cc04af3929839db24f6651673a832f781a9 Mon Sep 17 00:00:00 2001 From: Alexander Zinchuk Date: Fri, 10 Dec 2021 18:32:44 +0100 Subject: [PATCH] Pinned Message and Audio Player: Fix appearance transition (#1569) --- src/components/middle/MiddleHeader.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/middle/MiddleHeader.scss b/src/components/middle/MiddleHeader.scss index b60ae43a8..fb57cff8f 100644 --- a/src/components/middle/MiddleHeader.scss +++ b/src/components/middle/MiddleHeader.scss @@ -352,7 +352,7 @@ @media (min-width: 1276px) { transform: translate3d(0, 0, 0); - transition: transform var(--layer-transition); + transition: opacity 0.15s ease, transform var(--layer-transition); #Main.right-column-open & { transform: translate3d(calc(var(--right-column-width) * -1), 0, 0); @@ -377,7 +377,7 @@ padding: .25rem .8125rem .25rem 1rem; box-shadow: 0 .125rem .125rem var(--color-light-shadow); transform: translate3d(0, 0, 0); - transition: transform var(--layer-transition); + transition: opacity 0.15s ease, transform var(--layer-transition); &::before { content: ""; @@ -402,7 +402,7 @@ @media (min-width: 1276px) { transform: translate3d(0, 0, 0); - transition: transform var(--layer-transition); + transition: opacity 0.15s ease, transform var(--layer-transition); #Main.right-column-open & { padding-left: calc(var(--right-column-width) + 1rem);