Commit Statuses popup to large to open with 21 statuses

[ChristopherHX]

Gitea Version

1.15.2

Operating System

Windows 11

Browser Version

Microsoft Edge Version 95.0.1020.30 (64-bit)

Can you reproduce the bug on the Gitea demo site?

Yes

Description

The commit statuses popup doesn't fit in the browsers viewport if you have 21 status checks or more attached to one commit.
My system has a resolution of 1920x1080. Viewing gitea with 50% of normal size allows the popup to open correctly.

If a commit only has a view status checks it works correctly.

How to repoduce

• open https://try.gitea.io/ChristopherHX/actions-on-gitea/commit/eea6f360d405f8462ff2eb409b4362a049033efc
• press the green checkmark with a smaller sized viewport like 1920x1080
• notice that the popup refuses to open
• open f12 devtools and you see an error message

I expected pressing the green checkmark would always open the statuses popup.

I would try to contribute a fix for this issue in the following months. I haven't found any similar issues for gitea.
I'm experimenting with github actions for gitea, which generates a lot of statuses for jobs #13539 (comment)

Screenshots

Pressing the green check mark, causes errors in my dev console: Popup: Popup does not fit within the boundaries of the viewport and the popup refuses to open.

Expected result with a scale of 50%, after clicking the green checkmark

[wxiaoguang]

Fixed in the main branch. Will backport.

Screenshots for different window size:

[ChristopherHX]

@wxiaoguang
Thank you very much for your very fast fix. The popup is now also working on my smartphone. Good work.