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) (cherry picked from commit 1e4867730b261352d63098b85cf53ca05867c8c2) (cherry picked from commit 112df5a3feec88e70d2ed80ff19139d200784b67)
This commit is contained in:
parent
8859a7f1a7
commit
196cef0221
|
@ -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>
|
||||||
|
|
|
@ -518,12 +518,6 @@ ol.ui.list li,
|
||||||
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;
|
||||||
|
|
Loading…
Reference in a new issue