diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-07-27 19:52:16 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2018-07-28 23:25:42 +0200 |
| commit | 358e3a4c3269b9da333a88d7ff886faf685277b4 (patch) | |
| tree | e3033bc5e26aeeca3f34a48f15d97f840dc45a8f /app/javascript/flavours/glitch/styles/components/composer.scss | |
| parent | 7317b7b2313bdddf3b2d3a6c4fa7f00f2cc0f645 (diff) | |
Get rid of Collapsable, use CSS instead
Change inspired by 691107263c5e05973f9af9e1937abbc27430f54e
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/composer.scss')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/composer.scss | 13 |
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; |