about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-07-27 19:52:16 +0200
committerThibG <thib@sitedethib.com>2018-07-28 23:25:42 +0200
commit358e3a4c3269b9da333a88d7ff886faf685277b4 (patch)
treee3033bc5e26aeeca3f34a48f15d97f840dc45a8f /app/javascript/flavours/glitch/styles/components
parent7317b7b2313bdddf3b2d3a6c4fa7f00f2cc0f645 (diff)
Get rid of Collapsable, use CSS instead
Change inspired by 691107263c5e05973f9af9e1937abbc27430f54e
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
-rw-r--r--app/javascript/flavours/glitch/styles/components/composer.scss13
1 files changed, 13 insertions, 0 deletions
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;