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
This commit is contained in:
silverwind 2020-07-25 11:55:34 +02:00 committed by GitHub
parent a3afb88f1b
commit 8baf5ca228
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 20 deletions

View File

@ -1224,35 +1224,20 @@ table th[data-sortt-desc] {
.emoji, .emoji,
.reaction { .reaction {
font-size: 1.5em; font-size: 1.25em;
line-height: 1.2; line-height: 1;
font-style: normal !important; font-style: normal !important;
font-weight: 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, .emoji img,
.reaction img { .reaction img {
border-width: 0 !important; border-width: 0 !important;
margin: 0 !important; margin: 0 !important;
width: 1em !important; width: 1em !important;
height: 1em !important; height: 1em !important;
vertical-align: middle !important; vertical-align: -.15em;
} }
/* https://github.com/go-gitea/gitea/pull/11486 */ /* https://github.com/go-gitea/gitea/pull/11486 */

View File

@ -2387,7 +2387,7 @@
.select-reaction { .select-reaction {
display: flex; display: flex;
align-items: center; align-items: center;
padding: .5rem; padding: 0 .5rem;
&:not(.active) a { &:not(.active) a {
display: none; display: none;