From 8baf5ca22814878334844c435bf8dd59349f5a69 Mon Sep 17 00:00:00 2001 From: silverwind Date: Sat, 25 Jul 2020 11:55:34 +0200 Subject: [PATCH] Reduce emoji size (#12317) * Reduce emoji size Rendering should now pretty much match GitHub with 1.25em. I verified that emojis don't increase the line height and removed unecessary size overrides because now all emojis should appear similar in relation to the font size. * fix reaction hover --- web_src/less/_base.less | 23 ++++------------------- web_src/less/_repository.less | 2 +- 2 files changed, 5 insertions(+), 20 deletions(-) diff --git a/web_src/less/_base.less b/web_src/less/_base.less index ee02601676..05c2a9b639 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -1224,35 +1224,20 @@ table th[data-sortt-desc] { .emoji, .reaction { - font-size: 1.5em; - line-height: 1.2; + font-size: 1.25em; + line-height: 1; font-style: normal !important; font-weight: normal !important; - vertical-align: middle; + vertical-align: -.075em; } -#issue-title > .emoji { - font-size: 1em; -} - -.commit-summary > .emoji { - font-size: 1em; -} - -.label > .emoji { - font-size: 1em; -} - -.dropdown .emoji { - font-size: 1em; -} .emoji img, .reaction img { border-width: 0 !important; margin: 0 !important; width: 1em !important; height: 1em !important; - vertical-align: middle !important; + vertical-align: -.15em; } /* https://github.com/go-gitea/gitea/pull/11486 */ diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 2277b794c9..e539f7475c 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -2387,7 +2387,7 @@ .select-reaction { display: flex; align-items: center; - padding: .5rem; + padding: 0 .5rem; &:not(.active) a { display: none;