UX: Show smaller Emojis within some HTML elements

UX: Show smaller Emojis within some HTML elements
From 4300ac0f4a2a13986aed76e4aa0b139edf930ef7 Mon Sep 17 00:00:00 2001
From: Gerhard Schlager <mail@gerhard-schlager.at>
Date: Thu, 6 Dec 2018 12:43:52 +0100
Subject: [PATCH] UX: Show smaller Emojis within some HTML elements


diff --git a/app/assets/stylesheets/common/base/emoji.scss b/app/assets/stylesheets/common/base/emoji.scss
index 8d8cd19..710027d 100644
--- a/app/assets/stylesheets/common/base/emoji.scss
+++ b/app/assets/stylesheets/common/base/emoji.scss
@@ -4,6 +4,13 @@ img.emoji {
   vertical-align: middle;
 }
 
+small img.emoji,
+sub img.emoji,
+sup img.emoji {
+  height: 1.1em;
+  width: 1.1em;
+}
+
 .emoji-picker {
   background-clip: padding-box;
   z-index: z("modal", "content");

GitHub

2 Likes