From 8baf5ca22814878334844c435bf8dd59349f5a69 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
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;