From c3d095b465ed87c086409992ef78b62a06c09909 Mon Sep 17 00:00:00 2001 From: bonespiked Date: Sat, 1 Apr 2017 17:00:30 -0400 Subject: Add reaction picker (#5904) --- webapp/sass/components/_emoticons.scss | 56 ++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) (limited to 'webapp/sass/components') diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss index 7cf7034d2..cf8815a24 100644 --- a/webapp/sass/components/_emoticons.scss +++ b/webapp/sass/components/_emoticons.scss @@ -1,5 +1,16 @@ @charset "UTF-8"; +.reacticon { + display: inline-block; + fill: inherit; + opacity: .7; + position: relative; + top: 2px; + vertical-align: middle; + visibility: hidden; + +} + .emoticon { background-position: 50% 50%; background-repeat: no-repeat; @@ -45,6 +56,51 @@ } } +.emoji-picker-react-rhs-comment { + position: absolute; + width: 278px; + border: 1px solid; + min-height: 298px; + border-radius: 3px; + top: 21px; + right:59px; + z-index: 100; + .emoji-picker__search-container { + position: relative; + + .emoji-picker__search-icon { + padding-left: 6px; + padding-top: 6px; + position: absolute; + font-size: 13px; + } + + + } +} + +.emoji-picker-react { + position: absolute; + width: 278px; + border: 1px solid; + min-height: 298px; + border-radius: 3px; + top: 42px; + right:59px; + z-index: 100; + .emoji-picker__search-container { + position: relative; + + .emoji-picker__search-icon { + padding-left: 6px; + padding-top: 6px; + position: absolute; + font-size: 13px; + } + + + } +} .emoji-picker-bottom { -- cgit v1.2.3-1-g7c22