diff options
| author | Harrison Healey <harrisonmhealey@gmail.com> | 2017-06-13 14:35:45 -0400 |
|---|---|---|
| committer | Christopher Speller <crspeller@gmail.com> | 2017-06-13 11:35:45 -0700 |
| commit | 40efd8367a85e3333e9b7cc45c390259d412088c (patch) | |
| tree | f40d4fb6f5e7b1bdb8cefa95e25a626837a07a9c /webapp/sass/layout | |
| parent | 56883d6f95b268477a1f0ec956bc1891ce30c2a1 (diff) | |
| download | chat-40efd8367a85e3333e9b7cc45c390259d412088c.tar.gz chat-40efd8367a85e3333e9b7cc45c390259d412088c.tar.bz2 chat-40efd8367a85e3333e9b7cc45c390259d412088c.zip | |
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
Diffstat (limited to 'webapp/sass/layout')
| -rw-r--r-- | webapp/sass/layout/_post-right.scss | 6 | ||||
| -rw-r--r-- | webapp/sass/layout/_post.scss | 6 |
2 files changed, 12 insertions, 0 deletions
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; |