aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/assets/scss')
-rw-r--r--viewer/src/assets/scss/theme.scss4
-rw-r--r--viewer/src/assets/scss/transition.scss13
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}