From 29d63b0f0f5803eb43c0a5249f37bfb40375eb6b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=87a=C4=9Fr=C4=B1=20=C3=96zkan?= Date: Mon, 22 Jul 2024 05:33:53 +0300 Subject: [PATCH] Change slide in animation to appear from top --- app/webpacker/css/admin/products_v3.scss | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss index 4a89338084..fd292a3a39 100644 --- a/app/webpacker/css/admin/products_v3.scss +++ b/app/webpacker/css/admin/products_v3.scss @@ -449,18 +449,17 @@ animation: slideOutTop 0.5s forwards; } - @keyframes slideInRight { + @keyframes slideInTop { from { - transform: translateX(100%); - opacity: 0; + transform: scaleY(0); } to { - transform: translateX(0); - opacity: 1; + transform: scaleY(1); } } - + .slide-in { - animation: slideInRight 0.5s forwards; + transform-origin: top; + animation: slideInTop 0.5s forwards; } }