aboutsummaryrefslogtreecommitdiff
path: root/src/components/emoji_picker/emoji_picker.scss
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2019-09-08 16:56:54 +0300
committerHenry Jameson <me@hjkos.com>2019-09-08 16:56:54 +0300
commit83f45167b61d5f10f00ea8e3e3e946c72e5fc33f (patch)
tree9c4ce86a78025603555f725f3f86f110dd5fd49b /src/components/emoji_picker/emoji_picker.scss
parent94afc5ee1963464fb0fd7c9a31266b37c924f3a3 (diff)
added emoji zoom for picker
Diffstat (limited to 'src/components/emoji_picker/emoji_picker.scss')
-rw-r--r--src/components/emoji_picker/emoji_picker.scss18
1 files changed, 18 insertions, 0 deletions
diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss
index e3a83bdd..872af2de 100644
--- a/src/components/emoji_picker/emoji_picker.scss
+++ b/src/components/emoji_picker/emoji_picker.scss
@@ -10,6 +10,20 @@
margin: 0 !important;
z-index: 1;
+ .zoom-portal {
+ position: fixed;
+ pointer-events: none;
+ width: 96px;
+ height: 96px;
+ font-size: 96px;
+ line-height: 96px;
+ z-index: 10;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
.spam-mode {
padding: 7px;
line-height: normal;
@@ -135,6 +149,10 @@
cursor: pointer;
+ &:hover {
+ opacity: 0
+ }
+
img {
max-width: 100%;
max-height: 100%;