The emoji and header in the markdown are not aligned on the same line

[hiifong]

Description

The emoji and header in the markdown are not aligned on the same line. The alignment is a bit vague, but I think it may be vertical alignment or baseline alignment. Maybe we can set vertical-align: baseline;

set vertical-align: baseline; after:

Gitea Version

gitea.com

Can you reproduce the bug on the Gitea demo site?

Yes

Log Gist

No response

Screenshots

No response

Git Version

No response

Operating System

No response

How are you running Gitea?

gitea.com

Database

None

[silverwind]

Which OS is this on? Windows? Could be related to Windows' emoji font.

[hiifong]

Which OS is this on? Windows? Could be related to Windows' emoji font.

Windows

[silverwind]

I can reproduce on MacOS as well. The emoji renders bigger on Gitea compared to GitHub:

https://gitea.com/silverwind/symlink-test#-test

https://github.com/silverwind/symlink-test#-test

[silverwind]

@hiifong Removing font-size: 1.25em; from .emoji seems to fix it. Can you post a rendering from Windows with that CSS rule disabled?

[hiifong]

@hiifong Removing font-size: 1.25em; from .emoji seems to fix it. Can you post a rendering from Windows with that CSS rule disabled?

[silverwind]

Looks good. So we definitely should remove that font size. Maybe even remove the whole .emoji wrapper as I see GitHub also no longer wraps emojis.

[silverwind]

#34048

[hiifong]

Looks good. So we definitely should remove that font size. Maybe even remove the whole .emoji wrapper as I see GitHub also no longer wraps emojis.

Yeah, it looks a lot better.