From 63bbde2368a2c40a726cc0ab6192ae582c2922ea Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Fri, 16 Mar 2018 11:03:22 +0100
Subject: use transform to scale emojis. this prevents text jumping on hover

---
 view/css/conversation.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'view')

diff --git a/view/css/conversation.css b/view/css/conversation.css
index f7ab3dcdd..c239a665b 100644
--- a/view/css/conversation.css
+++ b/view/css/conversation.css
@@ -282,8 +282,9 @@ code.inline-code {
 }
 
 img.smiley.emoji:hover {
-	width: 32px;
-	height: 32px;
+	transform: scale(2);
+	transition: transform .1s ease-out;
+	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
 }
 
 .checklist input {
-- 
cgit v1.2.3