enhancements

Author: silverwind

templates/repo/issue/sidebar/label_list.tmpl

@@ -43,7 +43,7 @@
 		</div>
 	</div>
 
-	<div class="ui list labels-list tw-my-2 tw-flex">
+	<div class="ui list labels-list tw-my-2 tw-flex tw-flex-wrap">
 		<span class="item empty-list {{if $data.SelectedLabelIDs}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_label"}}</span>
 		{{range $data.AllLabels}}
 			{{if .IsChecked}}

templates/shared/issuelist.tmpl

@@ -19,7 +19,7 @@
 								{{template "repo/commit_statuses" dict "Status" (index $.CommitLastStatus .PullRequest.ID) "Statuses" (index $.CommitStatuses .PullRequest.ID)}}
 							{{end}}
 						{{end}}
-						<span class="labels-list tw-ml-1">
+						<span class="labels-list">
 							{{range .Labels}}
 								<a href="?q={{$.Keyword}}&type={{$.ViewType}}&state={{$.State}}&labels={{.ID}}{{if ne $.listType "milestone"}}&milestone={{$.MilestoneID}}{{end}}&assignee={{$.AssigneeID}}&poster={{$.PosterID}}{{if $.ShowArchivedLabels}}&archived=true{{end}}">{{ctx.RenderUtils.RenderLabel .}}</a>
 							{{end}}

web_src/css/repo.css

@@ -1545,10 +1545,21 @@ td .commit-summary {
 }
 
 .labels-list {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: 2.5px;
-  align-items: center;
+  display: contents; /* enable the list to break across multiple lines */
+  line-height: 16px;
+}
+
+.labels-list > * {
+  margin-right: .25rem;
+  margin-bottom: .25rem;
+}
+
+.labels-list > :last-child {
+  margin-right: 0;
+}
+
+#issue-list .labels-list > * {
+  margin: 0;
 }
 
 .labels-list .label, .scope-parent > .label {