about summary refs log tree commit diff
path: root/app/javascript/flavours
diff options
context:
space:
mode:
authorTakeshi Umeda <noel.yoshiba@gmail.com>2019-06-06 19:30:14 +0900
committerThibG <thib@sitedethib.com>2019-06-13 22:15:31 +0200
commit8f924eb9617f87bf6ce53085b2ff82bc0d1a1610 (patch)
treefd1ff3b23afc23554ab1ae062081cdc101f2cfdc /app/javascript/flavours
parenta5398c3df898708ae5c304dc34d7fff0a3f0e49d (diff)
[Glitch] Fix emoji picker being always displayed
Port c402c291f4991e2b021d8c13b557e6a8f650dcf3 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours')
-rw-r--r--app/javascript/flavours/glitch/features/compose/components/compose_form.js2
-rw-r--r--app/javascript/flavours/glitch/styles/components/composer.scss10
2 files changed, 10 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/features/compose/components/compose_form.js b/app/javascript/flavours/glitch/features/compose/components/compose_form.js
index 87ab2aa04..52aa79b35 100644
--- a/app/javascript/flavours/glitch/features/compose/components/compose_form.js
+++ b/app/javascript/flavours/glitch/features/compose/components/compose_form.js
@@ -335,7 +335,7 @@ class ComposeForm extends ImmutablePureComponent {
           />
         </div>
 
-        <div className='emoji-picker-wrapper'>
+        <div className={`emoji-picker-wrapper ${this.props.showSearch ? 'emoji-picker-wrapper--hidden' : ''}`}>
           <EmojiPicker onPickEmoji={handleEmoji} />
         </div>
 
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss
index b2603a008..746698c5b 100644
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@@ -289,12 +289,20 @@
   }
 }
 
-.emoji-picker-wrapper,
 .autosuggest-textarea__suggestions-wrapper {
   position: relative;
   height: 0;
 }
 
+.emoji-picker-wrapper {
+  position: relative;
+  height: 0;
+
+  &.emoji-picker-wrapper--hidden {
+    display: none;
+  }
+}
+
 .autosuggest-textarea__suggestions {
   display: block;
   position: absolute;