aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss/transition.scss
diff options
context:
space:
mode:
authorpacien2022-09-03 01:34:26 +0200
committerpacien2022-09-03 01:34:26 +0200
commita8452594c6571e8003baa2aca14747eeeee08152 (patch)
treea894d99c22a601197869c7a6928d40bb4ae2c392 /viewer/src/assets/scss/transition.scss
parentdd9c9804e9e3da9880c711f53edb9c4a19d782f8 (diff)
parent00510820a2794efcadbc83f7f8b54318fe198ecb (diff)
downloadldgallery-a8452594c6571e8003baa2aca14747eeeee08152.tar.gz
Merge branch 'vue3-refactoring-staging' into develop
Reviewed-by: pacien <pacien.trangirard@pacien.net>
Diffstat (limited to 'viewer/src/assets/scss/transition.scss')
-rw-r--r--viewer/src/assets/scss/transition.scss40
1 files changed, 33 insertions, 7 deletions
diff --git a/viewer/src/assets/scss/transition.scss b/viewer/src/assets/scss/transition.scss
index fb8d2af..49fd5ba 100644
--- a/viewer/src/assets/scss/transition.scss
+++ b/viewer/src/assets/scss/transition.scss
@@ -17,16 +17,42 @@
17-- along with this program. If not, see <https://www.gnu.org/licenses/>. 17-- along with this program. If not, see <https://www.gnu.org/licenses/>.
18*/ 18*/
19 19
20@import "~@/assets/scss/theme.scss"; 20@import "theme";
21 21
22// === Transitions for Vue 22// === Transitions for Vue
23 23
24.flex-expand-enter-active, .flex-expand-leave-active { 24// slide
25 transition: max-height $transition-flex-expand linear; 25.slide-enter-active,
26.slide-leave-active {
27 transition: transform $transition-slide linear;
26} 28}
27.flex-expand-enter, .flex-expand-leave-to { 29.slide-enter-from,
28 max-height: 0%; 30.slide-leave-to {
31 transform: translateX(-100%);
29} 32}
30.flex-expand-enter-to, .flex-expand-leave { 33
31 max-height: 100%; 34// fade
35.fade-enter-active,
36.fade-leave-active {
37 transition: opacity $transition-fade ease;
38}
39
40.fade-enter-from,
41.fade-leave-to {
42 opacity: 0;
43}
44
45// moving
46.move-move,
47.move-enter-active,
48.move-leave-active {
49 transition: all $transition-move ease-in-out;
50}
51.move-enter-from,
52.move-leave-to {
53 opacity: 0;
54 transform: translateX(15px);
32} 55}
56.move-leave-active {
57 position: absolute;
58} \ No newline at end of file