Table UI is overflow when package label is too long #9608

Closed
opened 2025-11-02 08:44:26 -06:00 by GiteaMirror · 1 comment
Owner

Originally created by @noahziheng on GitHub (Sep 23, 2022).

Description

Hi all, I found a UI problem when I try to publish the container image to Gitea Package by Paketo + Cloud Native Build Pack:

  • Only divider in the "Layers" section if the layer name is empty
    • Maybe need a default shown value such as (Empty)
  • The content is overflow in the "Labels" section if the label is too long
    • Maybe we can show the split content in the table, and provide a popover view to show the full content of the label.

Screenshots

image

Gitea Version

1.17.2

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

Windows 11

Browser Version

Microsoft Edge 105.0.1343.42

Originally created by @noahziheng on GitHub (Sep 23, 2022). ### Description Hi all, I found a UI problem when I try to publish the container image to Gitea Package by Paketo + Cloud Native Build Pack: - Only divider in the "Layers" section if the layer name is empty - Maybe need a default shown value such as `(Empty)` - The content is overflow in the "Labels" section if the label is too long - Maybe we can show the split content in the table, and provide a popover view to show the full content of the label. ### Screenshots ![image](https://user-images.githubusercontent.com/2758317/191968082-00dc103f-aba7-4772-b611-45905cd7a5fb.png) ### Gitea Version 1.17.2 ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System Windows 11 ### Browser Version Microsoft Edge 105.0.1343.42
GiteaMirror added the topic/packagestype/bugtopic/ui labels 2025-11-02 08:44:26 -06:00
Author
Owner

@KN4CK3R commented on GitHub (Sep 23, 2022):

@silverwind Any idea about the table? With ui very basic fixed compact table the problem is gone but the auto width of the columns too. I don't know why the table can overflow the parent div.

Link to test: https://try.gitea.io/noahziheng/-/packages/container/ingress-dns-syncer/latest

@KN4CK3R commented on GitHub (Sep 23, 2022): @silverwind Any idea about the table? With `ui very basic fixed compact table` the problem is gone but the auto width of the columns too. I don't know why the table can overflow the parent div. Link to test: https://try.gitea.io/noahziheng/-/packages/container/ingress-dns-syncer/latest
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#9608