Some problems of dropdown menus #10475

New Issue

GiteaMirror · 2025-11-02T09:08:24-06:00

GiteaMirror commented

2025-11-02 09:08:24 -06:00

Originally created by @yp05327 on GitHub (Mar 22, 2023).

Description

Can't see Newest option: (windows height< 589px)
(gitea.com)

(try.gitea.io)

If project names are too long, smart phone user can not see all options clearly.

Gitea Version

1.20.0+dev-171-gb2c1c17f3

Can you reproduce the bug on the Gitea demo site?

No

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 @yp05327 on GitHub (Mar 22, 2023). ### Description Can't see `Newest` option: (windows height< 589px) (gitea.com) ![image](https://user-images.githubusercontent.com/18380374/226785422-e100f2dd-9c07-4300-8ae5-b3dece7784ee.png) (try.gitea.io) ![image](https://user-images.githubusercontent.com/18380374/226785581-7e5a5c1a-31c3-4344-9060-34b23924b722.png) If project names are too long, smart phone user can not see all options clearly. ![image](https://user-images.githubusercontent.com/18380374/226786628-e9eebdc8-a327-45e5-aef2-16a7223bbc42.png) ### Gitea Version 1.20.0+dev-171-gb2c1c17f3 ### Can you reproduce the bug on the Gitea demo site? No ### 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/needs-feedback label 2025-11-02 09:08:24 -06:00

GiteaMirror closed this issue

2025-11-02 09:08:25 -06:00

GiteaMirror commented

2025-11-02 09:08:25 -06:00

@wxiaoguang commented on GitHub (Mar 22, 2023):

The first problem can be fixed by https://github.com/go-gitea/gitea/pull/23626/files#diff-5132704e0ee1cedcd269ea7d54a004cf2c98206e3354f60fe5be02527c0bc982R12-R15

The second problem is also related to width&word-break .... it may need more fine tunes.

@wxiaoguang commented on GitHub (Mar 22, 2023): The first problem can be fixed by https://github.com/go-gitea/gitea/pull/23626/files#diff-5132704e0ee1cedcd269ea7d54a004cf2c98206e3354f60fe5be02527c0bc982R12-R15 The second problem is also related to width&word-break .... it may need more fine tunes.

GiteaMirror commented

2025-11-02 09:08:25 -06:00

@HesterG commented on GitHub (Mar 22, 2023):

For the second one, did some check and I found there is a div called issue-item-icons-right in the issue list, which is empty and took up space. Not sure what this is originally for.

Update:
Find in issuelist.tmpl, might need to adjust the conditions' positions

@HesterG commented on GitHub (Mar 22, 2023): For the second one, did some check and I found there is a div called `issue-item-icons-right` in the issue list, which is empty and took up space. Not sure what this is originally for. <img width="1126" alt="截屏2023-03-22 18 17 34" src="https://user-images.githubusercontent.com/17645053/226872892-4e691cae-64d9-4886-af5b-2cc215d05427.png"> Update: Find in [issuelist.tmpl](https://github.com/go-gitea/gitea/blob/1d35fa0e784dffcadacb2322a3d7ac3ec2ff89b2/templates/shared/issuelist.tmpl#L146-L167), might need to adjust the conditions' positions

GiteaMirror commented

2025-11-02 09:08:26 -06:00

@wxiaoguang commented on GitHub (Apr 1, 2023):

I guess these two problems have been fixed?

@wxiaoguang commented on GitHub (Apr 1, 2023): I guess these two problems have been fixed?

GiteaMirror commented

2025-11-02 09:08:26 -06:00

@silverwind commented on GitHub (Apr 1, 2023):

For the second one, did some check and I found there is a div called issue-item-icons-right in the issue list, which is empty and took up space. Not sure what this is originally for.

Update: Find in issuelist.tmpl, might need to adjust the conditions' positions

It's reserved space for assignee, replies and i think project. I could see us collapsing that space on mobile view. On desktop, it's better to visually reserve the space.

@silverwind commented on GitHub (Apr 1, 2023): > For the second one, did some check and I found there is a div called `issue-item-icons-right` in the issue list, which is empty and took up space. Not sure what this is originally for. <img alt="截屏2023-03-22 18 17 34" width="1126" src="https://user-images.githubusercontent.com/17645053/226872892-4e691cae-64d9-4886-af5b-2cc215d05427.png"> > > Update: Find in [issuelist.tmpl](https://github.com/go-gitea/gitea/blob/1d35fa0e784dffcadacb2322a3d7ac3ec2ff89b2/templates/shared/issuelist.tmpl#L146-L167), might need to adjust the conditions' positions It's reserved space for assignee, replies and i think project. I could see us collapsing that space on mobile view. On desktop, it's better to visually reserve the space.

GiteaMirror commented

2025-11-02 09:08:26 -06:00

@wxiaoguang commented on GitHub (Apr 23, 2023):

I guess #23653 and #23857 could have fixed the problems?

@wxiaoguang commented on GitHub (Apr 23, 2023): I guess #23653 and #23857 could have fixed the problems?

GiteaMirror commented

2025-11-02 09:08:26 -06:00

@yp05327 commented on GitHub (Apr 24, 2023):

It seems that this issue has been fixed.

@yp05327 commented on GitHub (Apr 24, 2023): It seems that this issue has been fixed.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#10475