From 9c852b9040fb2ed70f39bab2e3c747decc666934 Mon Sep 17 00:00:00 2001 From: Zak Groner Date: Thu, 4 Sep 2014 20:17:01 -0700 Subject: [PATCH] Further adjustments to emoji display - was noticing problems in firefox with vertical-alignment, deciding to switch to middle over baseline. - Adjusted emoji image to be slightly smaller, was noticing the edges were being cut off at certain text sizes --- assets/css/emojione.css | 4 ++-- assets/css/emojione.min.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/emojione.css b/assets/css/emojione.css index f4a124479..7d9e9438f 100644 --- a/assets/css/emojione.css +++ b/assets/css/emojione.css @@ -4,18 +4,18 @@ display: inline-block; width: 1.3em; height: 1.3em; + background-size: 1.25em; top: -.15em; /* Oversize offset, (1.3em - 1em) / 2 */ /* Inline Text Alignment */ position: relative; margin: 0 .15em; line-height: normal; - vertical-align: baseline; + vertical-align: middle; /* Background Image settings */ background-repeat: no-repeat; background-color: transparent; background-position: center; - background-size: contain; text-indent: -999em; } \ No newline at end of file diff --git a/assets/css/emojione.min.css b/assets/css/emojione.min.css index b8bc2b98c..1766b3e76 100644 --- a/assets/css/emojione.min.css +++ b/assets/css/emojione.min.css @@ -1 +1 @@ -.emojione{font-size:inherit;display:inline-block;width:1.3em;height:1.3em;top:-.15em;position:relative;margin:0 .15em;line-height:normal;vertical-align:baseline;background-repeat:no-repeat;background-color:transparent;background-position:center;background-size:contain;text-indent:-999em} \ No newline at end of file +.emojione{font-size:inherit;display:inline-block;width:1.3em;height:1.3em;background-size:1.25em;top:-.15em;position:relative;margin:0 .15em;line-height:normal;vertical-align:middle;background-repeat:no-repeat;background-color:transparent;background-position:center;text-indent:-999em} \ No newline at end of file