Fix dropdown text ellipsis (#30628)

Follow
https://github.com/go-gitea/gitea/pull/30547#discussion_r1573866519

Fix #30624

The Fomantic UI Dropdown wasn't designed to work that way, its "text"
element might contain images. So the "overflow" shouldn't be added to
any general dropdown text.


![image](https://github.com/go-gitea/gitea/assets/2114189/f6ceaabd-bc89-4bf2-baa2-a6f0324c1962)
This commit is contained in:
wxiaoguang 2024-04-22 07:14:33 +08:00 committed by GitHub
parent 6459c50278
commit 1e4867730b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 10 deletions

View File

@ -2,13 +2,13 @@
<div class="header"> <div class="header">
{{ctx.Locale.Tr "repo.issues.context.reference_issue"}} {{ctx.Locale.Tr "repo.issues.context.reference_issue"}}
</div> </div>
<div class="content tw-text-left"> <div class="content">
<form class="ui form form-fetch-action" action="{{printf "%s/issues/new" .Repository.Link}}" method="post"> <form class="ui form form-fetch-action" action="{{.Repository.Link}}/issues/new" method="post">
{{.CsrfTokenHtml}} {{.CsrfTokenHtml}}
<div class="field"> <div class="field">
<label><strong>{{ctx.Locale.Tr "repository"}}</strong></label> <label><strong>{{ctx.Locale.Tr "repository"}}</strong></label>
<div class="ui search selection dropdown issue_reference_repository_search"> <div class="ui search selection dropdown issue_reference_repository_search">
<div class="default text">{{.Repository.FullName}}</div> <div class="default text gt-ellipsis">{{.Repository.FullName}}</div>
<div class="menu"></div> <div class="menu"></div>
</div> </div>
</div> </div>
@ -18,7 +18,7 @@
</div> </div>
<div class="field"> <div class="field">
<label><strong>{{ctx.Locale.Tr "repo.issues.reference_issue.body"}}</strong></label> <label><strong>{{ctx.Locale.Tr "repo.issues.reference_issue.body"}}</strong></label>
<textarea name="content" class="form-control"></textarea> <textarea name="content"></textarea>
</div> </div>
<div class="text right"> <div class="text right">
<button class="ui primary button">{{ctx.Locale.Tr "repo.issues.create"}}</button> <button class="ui primary button">{{ctx.Locale.Tr "repo.issues.create"}}</button>

View File

@ -391,12 +391,6 @@ a.label,
color: var(--color-text-light-2); color: var(--color-text-light-2);
} }
.ui.dropdown > .text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* extend fomantic style '.ui.dropdown > .text > img' to include svg.img */ /* extend fomantic style '.ui.dropdown > .text > img' to include svg.img */
.ui.dropdown > .text > .img { .ui.dropdown > .text > .img {
margin-left: 0; margin-left: 0;