From 40efd8367a85e3333e9b7cc45c390259d412088c Mon Sep 17 00:00:00 2001 From: Harrison Healey Date: Tue, 13 Jun 2017 14:35:45 -0400 Subject: PLT-6127/PLT-6135/PLT-6137 Added EmojiPickerOverlay component to better position emoji picker (#6352) * Cleaned up emoji picker CSS * Fixed border of emoji picker when reacting to comments in the RHS * PLT-6135 Made EmojiPicker automatically position itself above/below the [...] menu * PLT-6135 Changed post textbox emoji picker to use a RootCloseWrapper * PLT-6135 Changed comment textbox emoji picker to use a RootCloseWrapper * PLT-6135 Changed RHS post components to use EmojiPickerOverlay * Removed react-outside-event package * Fixed merge conflict * Fixed emoji picker position on posts in RHS * Removed unused CSS classes * Fixed not being able to react to posts with emoji picker --- webapp/sass/layout/_post-right.scss | 6 ++++++ webapp/sass/layout/_post.scss | 6 ++++++ 2 files changed, 12 insertions(+) (limited to 'webapp/sass/layout') diff --git a/webapp/sass/layout/_post-right.scss b/webapp/sass/layout/_post-right.scss index 531638ec7..85dd20f53 100644 --- a/webapp/sass/layout/_post-right.scss +++ b/webapp/sass/layout/_post-right.scss @@ -92,6 +92,12 @@ margin-right: 10px; padding: 6px 0; } + + .emoji-picker { + position: absolute; + top: -361px; + right: 0px; + } } } diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index 85a4bb2cd..73253f4be 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -393,6 +393,12 @@ } } + .emoji-picker { + position: absolute; + top: -361px; + right: 0px; + } + .post-create.scroll { .btn-file { right: 10px; -- cgit v1.2.3-1-g7c22