-
-
Notifications
You must be signed in to change notification settings - Fork 5.8k
Fix text overflow in branch/tag selector #28010
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
web_src/css/helpers.css
Outdated
@@ -5,6 +5,7 @@ Gitea's private styles use `g-` prefix. | |||
.gt-df { display: flex !important; } | |||
.gt-dib { display: inline-block !important; } | |||
.gt-ac { align-items: center !important; } | |||
.gt-items-stretch { align-items: stretch !important; } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good, but could you move it to line 62?
bb1eedd fixed the issue above. |
@SohlRing please fix the merge conflicts. 🍵 |
@SohlRing please fix the merge conflicts. 🍵 |
Seems we forgot this one. I'm not 100% sure if the helper changes still make sense, I will likely check it out with a fresh start. |
Fixes: go-gitea/gitea#27971 Fixes: go-gitea/gitea#28010 <img width="689" alt="Screenshot 2024-04-09 at 00 19 57" src="https://github.com/go-gitea/gitea/assets/115237/7c895a47-274f-40a6-a126-290658f1982d"> Also fixes a similar issue in issue list where CSS was there but not active because of missing `display: block`. <img width="372" alt="Screenshot 2024-04-09 at 00 18 25" src="https://github.com/go-gitea/gitea/assets/115237/cfbee7cd-2e15-4ac7-96ce-020816f48798"> --- Little conflict in branch_selector_field (repo.pulls.no_results is renamed in Gitea) And some weird conflict on new CSS rules added.
Fixes #27971
Before: Long branch/tag names overflow the selector button.

After: uses

text-overflow: ellipsis;
to not do that.