From 358e3a4c3269b9da333a88d7ff886faf685277b4 Mon Sep 17 00:00:00 2001
From: Thibaut Girka <thib@sitedethib.com>
Date: Fri, 27 Jul 2018 19:52:16 +0200
Subject: Get rid of Collapsable, use CSS instead

Change inspired by 691107263c5e05973f9af9e1937abbc27430f54e
---
 .../flavours/glitch/styles/components/composer.scss         | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'app/javascript/flavours/glitch/styles')

diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss
index dd21eae06..0d46297a7 100644
--- 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;
-- 
cgit