summaryrefslogtreecommitdiffstats
path: root/webapp/sass/components
diff options
context:
space:
mode:
authorbonespiked <dngreene@gmail.com>2017-04-01 17:00:30 -0400
committerJoram Wilander <jwawilander@gmail.com>2017-04-01 17:00:30 -0400
commitc3d095b465ed87c086409992ef78b62a06c09909 (patch)
treefc762abfae4b80451fbefb58b5abbd68481f6d29 /webapp/sass/components
parent95da05a8c97332d8eff90c7587ed17a41966c5f0 (diff)
downloadchat-c3d095b465ed87c086409992ef78b62a06c09909.tar.gz
chat-c3d095b465ed87c086409992ef78b62a06c09909.tar.bz2
chat-c3d095b465ed87c086409992ef78b62a06c09909.zip
Add reaction picker (#5904)
Diffstat (limited to 'webapp/sass/components')
-rw-r--r--webapp/sass/components/_emoticons.scss56
1 files changed, 56 insertions, 0 deletions
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 {