Display Labels descriptions in tooltips on issues #13289

New Issue

GiteaMirror · 2025-11-02T10:37:32-06:00

GiteaMirror commented

2025-11-02 10:37:32 -06:00

Originally created by @Simandara on GitHub (Jul 15, 2024).

Description

Hi!

Issue

Currently (as of 1.22.0), labels descriptions are displayed in the label dropdown menu of the side bar of an issue:

Proposition

However as you can see the description overflows the menu area. Gitea already have tooltips to display the description on hover:

Do you think it would be a good idea to hide the descriptions under labels and only display them on hover?

Side note

On 1.23.0+dev-322-g0bb4c1cde2, descriptions doesn't overflow but the dropdown menu instead have horizontal scrolls:

I tried to use ellipsis:

And wrap texts:

To have a glance of how it would be looking, but I prefers tooltips (as it is already implemented).

Best.

Gitea Version

1.22.0

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?

Docker using lastest from Dockerhub.

Database

SQLite

Originally created by @Simandara on GitHub (Jul 15, 2024). ### Description Hi! ## Issue Currently (as of 1.22.0), labels descriptions are displayed in the label dropdown menu of the side bar of an issue: <img width="758" alt="Capture d’écran 2024-07-14 à 14 32 44" src="https://github.com/user-attachments/assets/1e202311-1b15-4708-aa88-a059856bad24"> ## Proposition However as you can see the description overflows the menu area. Gitea already have tooltips to display the description on hover: ![Capture d’écran 2024-07-15 à 16 30 04](https://github.com/user-attachments/assets/3b4fff76-3826-4ce2-992d-25eb7c99ff23) Do you think it would be a good idea to hide the descriptions under labels and only display them on hover? ## Side note On 1.23.0+dev-322-g0bb4c1cde2, descriptions doesn't overflow but the dropdown menu instead have horizontal scrolls: ![Capture d’écran 2024-07-15 à 19 20 18](https://github.com/user-attachments/assets/80b79bfc-a9b4-420d-9d0c-d88f8b652fa4) I tried to use ellipsis: ![Capture d’écran 2024-07-15 à 16 29 44](https://github.com/user-attachments/assets/f78833ff-d73c-4b6f-b94b-6dddd48bde2b) And wrap texts: ![Capture d’écran 2024-07-15 à 19 28 04](https://github.com/user-attachments/assets/87453e05-6718-47ea-9cbd-c2c09e1f8407) To have a glance of how it would be looking, but I prefers tooltips (as it is already implemented). Best. ### Gitea Version 1.22.0 ### 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? Docker using lastest from Dockerhub. ### Database SQLite

GiteaMirror added the type/bug topic/ui labels 2025-11-02 10:37:32 -06:00

GiteaMirror commented

2025-11-02 10:37:33 -06:00

@silverwind commented on GitHub (Jul 15, 2024):

I guess ellipsis with tooltip will be fine. GitHub has similar style, but no tooltip (which is bad):

Also, we should add like 2-4px vertical gap between label and text and probably make the font size the same (enlarge decription to 1em)

@silverwind commented on GitHub (Jul 15, 2024): I guess ellipsis with tooltip will be fine. GitHub has similar style, but no tooltip (which is bad): <img width="340" alt="image" src="https://github.com/user-attachments/assets/d0d9a87d-2a0a-430a-ab48-5b74ca8a75c3"> Also, we should add like 2-4px vertical gap between label and text and probably make the font size the same (enlarge decription to 1em)

GiteaMirror commented

2025-11-02 10:37:33 -06:00

@Simandara commented on GitHub (Jul 16, 2024):

I guess ellipsis with tooltip will be fine.

Is not that too much? I like the slim and clean version where description are visible only when you are looking for them (imo). The inconvenient of elipsis is the risk of not understanding a description because there is nowhere you can easily fully read it.

@Simandara commented on GitHub (Jul 16, 2024): > I guess ellipsis with tooltip will be fine. Is not that too much? I like the slim and clean version where description are visible only when you are looking for them (imo). The inconvenient of elipsis is the risk of not understanding a description because there is nowhere you can easily fully read it.

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#13289