aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss
diff options
context:
space:
mode:
authorZero~Informatique2020-09-10 18:44:05 +0200
committerG.Fouet2020-09-11 21:53:18 +0200
commit6737bfd38a0568d61c691a507303a65550ae23fc (patch)
treed9e44d09c458a97fd2f5699b54374e9725e41301 /viewer/src/assets/scss
parent4c839e0f30fad9e5df29f1f0682380581c582713 (diff)
downloadldgallery-6737bfd38a0568d61c691a507303a65550ae23fc.tar.gz
viewer: information panel scrollbar and collapse with animation
github: resolves #78
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}