From 6737bfd38a0568d61c691a507303a65550ae23fc Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 10 Sep 2020 18:44:05 +0200
Subject: viewer: information panel scrollbar and collapse with animation

github: resolves #78
---
 viewer/src/assets/scss/transition.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 viewer/src/assets/scss/transition.scss

(limited to 'viewer/src/assets/scss/transition.scss')

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 @@
+@import "~@/assets/scss/theme.scss";
+
+// === Transitions for Vue
+
+.flex-expand-enter-active, .flex-expand-leave-active {
+  transition: max-height $transition-flex-expand linear;
+}
+.flex-expand-enter, .flex-expand-leave-to {
+  max-height: 0%;
+}
+.flex-expand-enter-to, .flex-expand-leave {
+  max-height: 100%;
+}
-- 
cgit v1.2.3