From 7d68f34619c594b4c7972feb9d1fb46f96b4ed38 Mon Sep 17 00:00:00 2001
From: charles7668 <charles76680119@gmail.com>
Date: Sat, 13 Jul 2024 07:14:21 +0800
Subject: [PATCH] using `display: inline-block` in `.ui.ui.dropdown`

---
 templates/repo/create.tmpl        | 2 +-
 templates/repo/graph.tmpl         | 2 +-
 templates/repo/settings/tags.tmpl | 2 +-
 web_src/css/base.css              | 5 ++++-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/templates/repo/create.tmpl b/templates/repo/create.tmpl
index d5e652e396..2e1de244ea 100644
--- a/templates/repo/create.tmpl
+++ b/templates/repo/create.tmpl
@@ -135,7 +135,7 @@
 
 						<div class="inline field">
 							<label>.gitignore</label>
-							<div class="ui multiple search selection dropdown tw-flex-wrap">
+							<div class="ui multiple search selection dropdown">
 								<input type="hidden" name="gitignores" value="{{.gitignores}}">
 								<div class="default text">{{ctx.Locale.Tr "repo.repo_gitignore_helper"}}</div>
 								<div class="menu">
diff --git a/templates/repo/graph.tmpl b/templates/repo/graph.tmpl
index 5d0222f858..9eb4bd4ecb 100644
--- a/templates/repo/graph.tmpl
+++ b/templates/repo/graph.tmpl
@@ -6,7 +6,7 @@
 			<h2 class="ui header dividing">
 				{{ctx.Locale.Tr "repo.commit_graph"}}
 				<div class="ui icon buttons tiny color-buttons">
-					<div class="ui multiple selection search dropdown tw-flex-wrap" id="flow-select-refs-dropdown">
+					<div class="ui multiple selection search dropdown" id="flow-select-refs-dropdown">
 						<input type="hidden" name="flow">
 						<div class="default text">{{ctx.Locale.Tr "repo.commit_graph.select"}}</div>
 						<div class="menu">
diff --git a/templates/repo/settings/tags.tmpl b/templates/repo/settings/tags.tmpl
index 91107e22a7..c9efb7b67e 100644
--- a/templates/repo/settings/tags.tmpl
+++ b/templates/repo/settings/tags.tmpl
@@ -26,7 +26,7 @@
 								</div>
 								<div class="whitelist field">
 									<label>{{ctx.Locale.Tr "repo.settings.tags.protection.allowed.users"}}</label>
-									<div class="ui multiple search selection dropdown tw-flex-wrap">
+									<div class="ui multiple search selection dropdown">
 										<input type="hidden" name="allowlist_users" value="{{.allowlist_users}}">
 										<div class="default text">{{ctx.Locale.Tr "search.user_kind"}}</div>
 										<div class="menu">
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 223d9fbad6..53a420c861 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1355,7 +1355,6 @@ table th[data-sortt-desc] .svg {
 
 .btn,
 .ui.ui.button,
-.ui.ui.dropdown,
 .flex-text-inline {
   display: inline-flex;
   align-items: center;
@@ -1364,6 +1363,10 @@ table th[data-sortt-desc] .svg {
   min-width: 0; /* make ellipsis work */
 }
 
+.ui.ui.dropdown {
+  display: inline-block;
+}
+
 .ui.ui.dropdown.selection {
   min-width: 14em; /* match the default min width */
 }