From 1e06c1e392b0842485407d54f3ef31f39405a7b5 Mon Sep 17 00:00:00 2001 From: silverwind <me@silverwind.io> Date: Thu, 18 Apr 2024 21:31:53 +0200 Subject: [PATCH] Improve "Reference in new issue" modal (#30547) Fixes: https://github.com/go-gitea/gitea/issues/29994 Also some misc enhancements done to the form in the modal. <img width="840" alt="Screenshot 2024-04-17 at 23 02 55" src="https://github.com/go-gitea/gitea/assets/115237/e71fba55-55cd-4e48-a497-6b1025c36a43"> (cherry picked from commit dd8e6ae270b4b5e91a152a145978029dacb938ff) --- .../view_content/reference_issue_dialog.tmpl | 34 +++++++++---------- web_src/css/base.css | 7 ++++ 2 files changed, 23 insertions(+), 18 deletions(-) diff --git a/templates/repo/issue/view_content/reference_issue_dialog.tmpl b/templates/repo/issue/view_content/reference_issue_dialog.tmpl index 5f338f6768..f6ac4192ab 100644 --- a/templates/repo/issue/view_content/reference_issue_dialog.tmpl +++ b/templates/repo/issue/view_content/reference_issue_dialog.tmpl @@ -5,26 +5,24 @@ <div class="content tw-text-left"> <form class="ui form form-fetch-action" action="{{printf "%s/issues/new" .Repository.Link}}" method="post"> {{.CsrfTokenHtml}} - <div class="ui segment content"> - <div class="field"> - <span class="text"><strong>{{ctx.Locale.Tr "repository"}}</strong></span> - <div class="ui search normal selection dropdown issue_reference_repository_search"> - <div class="default text">{{.Repository.FullName}}</div> - <div class="menu"></div> - </div> - </div> - <div class="field"> - <span class="text"><strong>{{ctx.Locale.Tr "repo.milestones.title"}}</strong></span> - <input name="title" value="" autofocus required maxlength="255" autocomplete="off"> - </div> - <div class="field"> - <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.reference_issue.body"}}</strong></span> - <textarea name="content" class="form-control"></textarea> - </div> - <div class="text right"> - <button class="ui primary button">{{ctx.Locale.Tr "repo.issues.create"}}</button> + <div class="field"> + <label><strong>{{ctx.Locale.Tr "repository"}}</strong></label> + <div class="ui search selection dropdown issue_reference_repository_search"> + <div class="default text">{{.Repository.FullName}}</div> + <div class="menu"></div> </div> </div> + <div class="field"> + <label><strong>{{ctx.Locale.Tr "repo.milestones.title"}}</strong></label> + <input name="title" value="" autofocus required maxlength="255" autocomplete="off"> + </div> + <div class="field"> + <label><strong>{{ctx.Locale.Tr "repo.issues.reference_issue.body"}}</strong></label> + <textarea name="content" class="form-control"></textarea> + </div> + <div class="text right"> + <button class="ui primary button">{{ctx.Locale.Tr "repo.issues.create"}}</button> + </div> </form> </div> </div> diff --git a/web_src/css/base.css b/web_src/css/base.css index d2788babb9..23ef576671 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -453,6 +453,7 @@ a.label, .ui.selection.dropdown .menu > .item { border-color: var(--color-secondary); + white-space: nowrap; } .ui.selection.visible.dropdown > .text:not(.default) { @@ -474,6 +475,12 @@ a.label, 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 */ .ui.dropdown > .text > .img { margin-left: 0;