From f56159efe335a23890863cf55ff6fdf64388cbae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= Date: Wed, 28 Apr 2021 12:51:23 +0100 Subject: [PATCH] chore(ui): tweak modal animations --- ui/src/Styles/Components/MountModal.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/ui/src/Styles/Components/MountModal.scss b/ui/src/Styles/Components/MountModal.scss index 8a976273b..2b4d613a8 100644 --- a/ui/src/Styles/Components/MountModal.scss +++ b/ui/src/Styles/Components/MountModal.scss @@ -10,25 +10,25 @@ $easing-exit: ease-in; .components-animation-modal { will-change: opacity, transform; - transform: translateZ(0); + transform: translateZ(0) scale(1); } .components-animation-modal-enter > .modal > .modal-dialog { opacity: $opacity-modal; - transform: translate(0, $move); + transform: translate(0, $move) scale(0.95); } .components-animation-modal-enter-active > .modal > .modal-dialog { opacity: 1; transition: transform $duration-modal $easing-enter, opacity $duration-modal $easing-enter; - transform: translate(0, 0); + transform: translate(0, 0) scale(1); } .components-animation-modal-exit > .modal > .modal-dialog { opacity: 1; - transform: translate(0, 0); + transform: translate(0, 0) scale(1); } .components-animation-modal-exit-active > .modal > .modal-dialog { opacity: $opacity-modal; - transform: translate(0, $move); + transform: translate(0, $move) scale(0.95); transition: transform $duration-modal $easing-enter, opacity $duration-modal $easing-enter; }