From 4104dec89bdf39832774cce8382f5d5247e6ef0b Mon Sep 17 00:00:00 2001 From: JC Brand Date: Sat, 2 Sep 2017 19:59:48 +0200 Subject: [PATCH] Fix emoji height (broken in Chromium 60) --- css/inverse.css | 3 +++ sass/inverse/_chatbox.scss | 4 ++++ 2 files changed, 7 insertions(+) diff --git a/css/inverse.css b/css/inverse.css index 7e45330b4..cad25d8e5 100644 --- a/css/inverse.css +++ b/css/inverse.css @@ -1949,6 +1949,9 @@ body { line-height: 22px; } #conversejs .chatbox .chat-body .chat-message .chat-msg-content { line-height: 22px; } + #conversejs .chatbox .chat-body .chat-message .chat-msg-content .emojione { + height: 22px; + margin-bottom: -5.5px; } #conversejs .chatbox .chat-content { padding: 0 1em 1em 1em; border-top-left-radius: 7px; diff --git a/sass/inverse/_chatbox.scss b/sass/inverse/_chatbox.scss index a40598cc1..dead7d9c6 100644 --- a/sass/inverse/_chatbox.scss +++ b/sass/inverse/_chatbox.scss @@ -51,6 +51,10 @@ } .chat-msg-content { line-height: $line-height; + .emojione { + height: $line-height; + margin-bottom: -$line-height/4; + } } } }