From 4b1fd8ac1a84d7bfaf07ec3ffdaf8bc5c1d298dd Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 17 Apr 2024 23:03:22 +0200
Subject: [PATCH 1/4] Improve "Reference in new issue" modal

---
 .../repo/issue/view_content/reference_issue_dialog.tmpl   | 8 ++++----
 web_src/css/base.css                                      | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/templates/repo/issue/view_content/reference_issue_dialog.tmpl b/templates/repo/issue/view_content/reference_issue_dialog.tmpl
index 5f338f6768be9..0978cf0d3c559 100644
--- a/templates/repo/issue/view_content/reference_issue_dialog.tmpl
+++ b/templates/repo/issue/view_content/reference_issue_dialog.tmpl
@@ -5,20 +5,20 @@
 	<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="">
 				<div class="field">
-					<span class="text"><strong>{{ctx.Locale.Tr "repository"}}</strong></span>
+					<label><strong>{{ctx.Locale.Tr "repository"}}</strong></label>
 					<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>
+					<label><strong>{{ctx.Locale.Tr "repo.milestones.title"}}</strong></label>
 					<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>
+					<label><strong>{{ctx.Locale.Tr "repo.issues.reference_issue.body"}}</strong></label>
 					<textarea name="content" class="form-control"></textarea>
 				</div>
 				<div class="text right">
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 7e781aa97b783..82fd0b438cac9 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -374,6 +374,7 @@ a.label,
 
 .ui.selection.dropdown .menu > .item {
   border-color: var(--color-secondary);
+  white-space: nowrap;
 }
 
 .ui.selection.visible.dropdown > .text:not(.default) {

From f6a4d0770a18d7f0e89bc7efdf3535a64ee86a40 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 17 Apr 2024 23:06:03 +0200
Subject: [PATCH 2/4] remove div

---
 .../view_content/reference_issue_dialog.tmpl  | 34 +++++++++----------
 1 file changed, 16 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 0978cf0d3c559..9882198d215fe 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="">
-				<div class="field">
-					<label><strong>{{ctx.Locale.Tr "repository"}}</strong></label>
-					<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">
-					<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 class="field">
+				<label><strong>{{ctx.Locale.Tr "repository"}}</strong></label>
+				<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">
+				<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>

From 40755ef93adaee3df80eb06ea53c3bf8081b3762 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 17 Apr 2024 23:09:30 +0200
Subject: [PATCH 3/4] fix selection state

---
 web_src/css/base.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web_src/css/base.css b/web_src/css/base.css
index 82fd0b438cac9..4e3d4200398c3 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -377,6 +377,12 @@ a.label,
   white-space: nowrap;
 }
 
+.ui.search.dropdown > .text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .ui.selection.visible.dropdown > .text:not(.default) {
   color: var(--color-text);
 }

From 752c673f07b20197e55cbc10e1ae7d65698f1d14 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Thu, 18 Apr 2024 21:04:25 +0200
Subject: [PATCH 4/4] change selector, remove normal class

---
 .../issue/view_content/reference_issue_dialog.tmpl   |  2 +-
 web_src/css/base.css                                 | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/templates/repo/issue/view_content/reference_issue_dialog.tmpl b/templates/repo/issue/view_content/reference_issue_dialog.tmpl
index 9882198d215fe..f6ac4192ab21a 100644
--- a/templates/repo/issue/view_content/reference_issue_dialog.tmpl
+++ b/templates/repo/issue/view_content/reference_issue_dialog.tmpl
@@ -7,7 +7,7 @@
 			{{.CsrfTokenHtml}}
 			<div class="field">
 				<label><strong>{{ctx.Locale.Tr "repository"}}</strong></label>
-				<div class="ui search normal 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="menu"></div>
 				</div>
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 4e3d4200398c3..831044756f6d8 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -377,12 +377,6 @@ a.label,
   white-space: nowrap;
 }
 
-.ui.search.dropdown > .text {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .ui.selection.visible.dropdown > .text:not(.default) {
   color: var(--color-text);
 }
@@ -397,6 +391,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;