Skip to content

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

Closed
wants to merge 6 commits into from
Closed

Conversation

SohlRing
Copy link

@SohlRing SohlRing commented Nov 13, 2023

Fixes #27971

Before: Long branch/tag names overflow the selector button.
Branch/tag name overflows such that only the middle of the name is visible

After: uses text-overflow: ellipsis; to not do that.
Branch/tag names truncated by ellipsis in the selector box

@GiteaBot GiteaBot added the lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. label Nov 13, 2023
@SohlRing
Copy link
Author

Welcome back descenders! (see letters g p q)
Capture

@GiteaBot GiteaBot added lgtm/need 1 This PR needs approval from one additional maintainer to be merged. and removed lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. labels Nov 17, 2023
@GiteaBot GiteaBot added lgtm/done This PR has enough approvals to get merged. There are no important open reservations anymore. and removed lgtm/need 1 This PR needs approval from one additional maintainer to be merged. labels Nov 17, 2023
@denyskon denyskon added type/bug topic/ui Change the appearance of the Gitea UI labels Nov 17, 2023
@denyskon denyskon added this to the 1.22.0 milestone Nov 17, 2023
@denyskon denyskon added the backport/v1.21 This PR should be backported to Gitea 1.21 label Nov 17, 2023
@@ -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; }
Copy link
Member

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?

@silverwind silverwind self-requested a review November 20, 2023 10:55
@GiteaBot GiteaBot added lgtm/need 1 This PR needs approval from one additional maintainer to be merged. and removed lgtm/done This PR has enough approvals to get merged. There are no important open reservations anymore. labels Nov 20, 2023
@yp05327
Copy link
Contributor

yp05327 commented Nov 21, 2023

Before:
image
After:
image
image

We need to check this issue, before merge.

Edited:
If I remove gt-overflow-x-auto in this page, it will be correct.

@lunny lunny added the issue/needs-feedback For bugs, we need more details. For features, the feature must be described in more detail label Dec 5, 2023
@yp05327
Copy link
Contributor

yp05327 commented Dec 7, 2023

bb1eedd fixed the issue above.

@yp05327 yp05327 removed the issue/needs-feedback For bugs, we need more details. For features, the feature must be described in more detail label Dec 7, 2023
@yardenshoham yardenshoham added the giteabot/update-branch Hint for the bot that it should update a PR with the latest state on main label Feb 24, 2024
@GiteaBot
Copy link
Collaborator

@SohlRing please fix the merge conflicts. 🍵

@GiteaBot GiteaBot removed the giteabot/update-branch Hint for the bot that it should update a PR with the latest state on main label Feb 24, 2024
@GiteaBot
Copy link
Collaborator

@SohlRing please fix the merge conflicts. 🍵

@silverwind
Copy link
Member

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.

@GiteaBot GiteaBot removed this from the 1.22.0 milestone Apr 16, 2024
DennisRasey pushed a commit to DennisRasey/forgejo that referenced this pull request May 27, 2024
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.
@go-gitea go-gitea locked as resolved and limited conversation to collaborators Jul 16, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
backport/v1.21 This PR should be backported to Gitea 1.21 lgtm/need 1 This PR needs approval from one additional maintainer to be merged. topic/ui Change the appearance of the Gitea UI type/bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Long name branch/tag display problem in repo home page
8 participants