github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(ui): tweak modal animations

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-04-28 12:51:23 +01:00
committed by Łukasz Mierzwa
parent 90977778e3
commit f56159efe3
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/Styles/Components/MountModal.scss
View File

@@ -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;
}