diff --git a/src/components/emoticonsDropdown/tabs/emoji.ts b/src/components/emoticonsDropdown/tabs/emoji.ts
index 7ded0cab..a38b62a9 100644
--- a/src/components/emoticonsDropdown/tabs/emoji.ts
+++ b/src/components/emoticonsDropdown/tabs/emoji.ts
@@ -292,7 +292,7 @@ export default class EmojiTab implements EmoticonsTab {
const messageInput = appImManager.chat.input.messageInput;
let inputHTML = messageInput.innerHTML;
- const html = RichTextProcessor.wrapEmojiText(emoji);
+ const html = RichTextProcessor.wrapEmojiText(emoji, true);
let inserted = false;
if(window.getSelection) {
const savedRange = isTouchSupported ? undefined : emoticonsDropdown.getSavedRange();
diff --git a/src/lib/richtextprocessor.ts b/src/lib/richtextprocessor.ts
index 90923b94..c5b1d612 100644
--- a/src/lib/richtextprocessor.ts
+++ b/src/lib/richtextprocessor.ts
@@ -446,7 +446,7 @@ namespace RichTextProcessor {
noLinks: true,
noLinebreaks: true,
noCommands: true,
- wrappingDraft: true,
+ wrappingDraft: boolean,
//mustWrapEmoji: boolean,
fromBot: boolean,
noTextFormat: true,
@@ -581,6 +581,8 @@ namespace RichTextProcessor {
//} else if(options.mustWrapEmoji) {
} else if(!options.wrappingDraft) {
insertPart(entity, '', '');
+ } else if(!isSafari) {
+ insertPart(entity, '', '');
}
/* if(!emojiSupported) {
insertPart(entity, ``);
@@ -825,11 +827,11 @@ namespace RichTextProcessor {
return arr.join('');
}
- export function wrapEmojiText(text: string) {
+ export function wrapEmojiText(text: string, isDraft = false) {
if(!text) return '';
let entities = parseEntities(text).filter(e => e._ === 'messageEntityEmoji');
- return wrapRichText(text, {entities});
+ return wrapRichText(text, {entities, wrappingDraft: isDraft});
}
export function wrapUrl(url: string, unsafe?: number | boolean): {url: string, onclick: string} {
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 78cef0c7..34e641c7 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -839,6 +839,19 @@ span.emoji {
line-height: 1 !important;
}
+// non-Retina device
+@media
+not screen and (-webkit-min-device-pixel-ratio: 2),
+not screen and ( min--moz-device-pixel-ratio: 2),
+not screen and ( -o-min-device-pixel-ratio: 2/1),
+not screen and ( min-device-pixel-ratio: 2),
+not screen and ( min-resolution: 192dpi),
+not screen and ( min-resolution: 2dppx) {
+ span.emoji {
+ margin-right: 5px;
+ }
+}
+
img.emoji {
width: 18px;
height: 18px;