From 020bcb4d45df460fc5463298c524813d1b04dd3c Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Fri, 25 Nov 2022 16:19:32 -0600 Subject: [PATCH] Make emojis a lil' bigger, fix emojis being very big when content is only emojis --- app/soapbox/components/markup.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app/soapbox/components/markup.css b/app/soapbox/components/markup.css index d89848f2c..099dc6697 100644 --- a/app/soapbox/components/markup.css +++ b/app/soapbox/components/markup.css @@ -58,6 +58,11 @@ @apply mb-0; } +/* Emojis */ +[data-markup] img.emojione { + @apply w-5 h-5; +} + /* Markdown images */ [data-markup] img:not(.emojione):not([width][height]) { @apply w-full h-72 object-contain rounded-lg overflow-hidden my-4 block; @@ -68,7 +73,7 @@ body.underline-links [data-markup] a { @apply underline; } -[data-markup] .big-emoji img.emojione { +[data-markup].big-emoji img.emojione { @apply inline w-9 h-9 p-1; }