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

Closed
opened 2025-11-02 11:09:17 -06:00 by GiteaMirror · 8 comments
Owner

Originally created by @hiifong on GitHub (Mar 26, 2025).

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;

Image

Image

set vertical-align: baseline; after:

Image

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

Originally created by @hiifong on GitHub (Mar 26, 2025). ### 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;` ![Image](https://github.com/user-attachments/assets/77909a8a-ab23-4c85-bd78-8637706428eb) ![Image](https://github.com/user-attachments/assets/979e8499-73b1-4fca-bf25-e28bb5102d22) set `vertical-align: baseline;` after: ![Image](https://github.com/user-attachments/assets/d6f64768-277f-4ed6-980b-1f18cdae8e8a) ### 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
GiteaMirror added the issue/confirmedtype/bug labels 2025-11-02 11:09:17 -06:00
Author
Owner

@silverwind commented on GitHub (Mar 27, 2025):

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

@silverwind commented on GitHub (Mar 27, 2025): Which OS is this on? Windows? Could be related to Windows' emoji font.
Author
Owner

@hiifong commented on GitHub (Mar 27, 2025):

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

Windows

@hiifong commented on GitHub (Mar 27, 2025): > Which OS is this on? Windows? Could be related to Windows' emoji font. Windows
Author
Owner

@silverwind commented on GitHub (Mar 28, 2025):

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

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

Image

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

Image
@silverwind commented on GitHub (Mar 28, 2025): I can reproduce on MacOS as well. The emoji renders bigger on Gitea compared to GitHub: https://gitea.com/silverwind/symlink-test#-test <img width="183" alt="Image" src="https://github.com/user-attachments/assets/9c3698dc-3255-4ef8-83f0-06582c8d5530" /> https://github.com/silverwind/symlink-test#-test <img width="182" alt="Image" src="https://github.com/user-attachments/assets/983b2877-b834-46d2-a834-e0828276867b" />
Author
Owner

@silverwind commented on GitHub (Mar 28, 2025):

@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 commented on GitHub (Mar 28, 2025): @hiifong Removing `font-size: 1.25em;` from `.emoji` seems to fix it. Can you post a rendering from Windows with that CSS rule disabled?
Author
Owner

@hiifong commented on GitHub (Mar 28, 2025):

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

Image

@hiifong commented on GitHub (Mar 28, 2025): > [@hiifong](https://github.com/hiifong) Removing `font-size: 1.25em;` from `.emoji` seems to fix it. Can you post a rendering from Windows with that CSS rule disabled? ![Image](https://github.com/user-attachments/assets/2170b61a-7263-4a21-9a6e-5823e36d2e59)
Author
Owner

@silverwind commented on GitHub (Mar 28, 2025):

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 commented on GitHub (Mar 28, 2025): 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.
Author
Owner

@silverwind commented on GitHub (Mar 28, 2025):

https://github.com/go-gitea/gitea/pull/34048

@silverwind commented on GitHub (Mar 28, 2025): https://github.com/go-gitea/gitea/pull/34048
Author
Owner

@hiifong commented on GitHub (Mar 28, 2025):

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.

@hiifong commented on GitHub (Mar 28, 2025): > 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.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#14303