Get rid of Collapsable, use CSS instead

Change inspired by 691107263c
2018-07-27 19:52:16 +02:00
parent 7317b7b231
commit 358e3a4c32
3 changed files with 16 additions and 31 deletions
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@ -2,7 +2,20 @@
  padding: 10px;
 }

+.no-reduce-motion .composer--spoiler {
+  transition: height 0.4s ease, opacity 0.4s ease;
+}
+
 .composer--spoiler {
+  height: 0;
+  transform-origin: bottom;
+  opacity: 0.0;
+
+  &.composer--spoiler--visible {
+    height: 47px;
+    opacity: 1.0;
+  }
+
  input {
    display: block;
    box-sizing: border-box;