treeverse
UI Overflow Issues with Long Branch, Tag, and Path Names Across Multiple Modals
Description
There are several UI overflow issues when using long branch names, tag names, or path names in various parts of the lakeFS WebUI.
In multiple modals and tabs, the text overflows or misaligns with surrounding elements.
1. Upload Modal
Steps to reproduce:
- Create a branch with a long name.
- Go to the Object tab → click on Upload.
Issue: The long branch name overflows and breaks the layout.
Screenshot:
2. Uncommitted Changes
Steps to reproduce:
- Create a branch with a long name.
- Upload some objects.
- Click on Uncommitted Changes.
Issue:
- The branch name overflows in two places (title and path).
- The “Show object changes” label appears too close to the clock icon.
Screenshot:
3. Tags Modal
Steps to reproduce:
- Create a tag with a long name.
- Go to the Tags tab.
Issue:
The long tag name overflows the modal layout.
Screenshot:
Note:
This can likely be fixed similarly to how long branch names are handled in the Branches tab in a similar scenario.
4. Long Path Name Misalignment in Uncommitted Changes
Steps to reproduce:
- Upload an object with a long path name.
- Go to Objects → click Uncommitted Changes.
Issue:
- The long path name wraps in the table which causes misalignment - the “Calculate change summary” text is not aligned with the clock icon.
Screenshot:
5. Pull Requests Tab
Steps to reproduce:
- Upload objects to a branch with a long name.
- Commit the changes.
- Go to the Pull Requests tab.
- Create a pull request to merge from this long-name branch to
main.
Issue:
The long branch name overflows in the pull request UI.
Screenshots:
6. Compare Tab
Steps to reproduce:
- Go to the Compare tab.
- Compare between a branch with a long name and
main.
Issue:
The long branch name overflows and breaks the layout.
Screenshot:
Expected Behavior
- Long names (branches, tags, paths) should be trimmed with an ellipsis (
...). - On hover, the full name should be displayed in a tooltip.
@prabhath004 it is open, you are welcome to work on it! assigning it to you
@talSofer I have fixed the bugs and made the pr , Please look into it i have also attached the screenshots so if there is anything else let me know i can fix that error in this issue!