Issuelist icon too high

[zeripath]

• Gitea version (or commit ref): 1.15.0+dev-108-g84f5a0bc6
• Can you reproduce the bug at https://try.gitea.io:
  • Yes (provide example URL): https://try.gitea.io/issues
  • No

Description

The issue list icon is now too high

Screenshots

[zeripath]

Could fix this by sticking an ac in the class here:

gitea/templates/shared/issuelist.tmpl

Line 5 in 84f5a0b

<div class="issue-item-left df py-1">

which would make this:

[silverwind]

The icon should be centered on the first text line, so I guess it needs manual positioning.

[silverwind]

I can not reproduce the original screenshot on latest Chrome. Can you try updating Chrome?

#15391 (comment)

[zeripath]

it persists.

[zeripath]

the issue may be related to segoe ui on linux

[silverwind]

Yeah must be something like that. It's kind of hard to align this properly. I guess I'd need to boot up a Linux VM to verify.

[zeripath]

I think it's just Segoe UI - its baseline sits 2.5px below the svg height.

https://core.trac.wordpress.org/ticket/48423

I'm not certain how we can handle it except by abandoning segoe-ui. I might just remove it from my fonts as I only occasionally need it.

[zeripath]

Do we know if Windows has the same problem?

[zeripath]

The NotoSans looks like the baseline is perhaps 1px below the svg.