diff options
Diffstat (limited to 'viewer/src/assets')
-rw-r--r-- | viewer/src/assets/scss/theme.scss | 4 | ||||
-rw-r--r-- | viewer/src/assets/scss/transition.scss | 13 |
2 files changed, 17 insertions, 0 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss index 0c351e5..c59eba9 100644 --- a/viewer/src/assets/scss/theme.scss +++ b/viewer/src/assets/scss/theme.scss | |||
@@ -76,3 +76,7 @@ $proposed-category-bgcolor: $palette-700; | |||
76 | 76 | ||
77 | $layout-top: 45px; | 77 | $layout-top: 45px; |
78 | $layout-left: 250px; | 78 | $layout-left: 250px; |
79 | |||
80 | // Transitions | ||
81 | |||
82 | $transition-flex-expand: 0.1s; | ||
diff --git a/viewer/src/assets/scss/transition.scss b/viewer/src/assets/scss/transition.scss new file mode 100644 index 0000000..160f625 --- /dev/null +++ b/viewer/src/assets/scss/transition.scss | |||
@@ -0,0 +1,13 @@ | |||
1 | @import "~@/assets/scss/theme.scss"; | ||
2 | |||
3 | // === Transitions for Vue | ||
4 | |||
5 | .flex-expand-enter-active, .flex-expand-leave-active { | ||
6 | transition: max-height $transition-flex-expand linear; | ||
7 | } | ||
8 | .flex-expand-enter, .flex-expand-leave-to { | ||
9 | max-height: 0%; | ||
10 | } | ||
11 | .flex-expand-enter-to, .flex-expand-leave { | ||
12 | max-height: 100%; | ||
13 | } | ||