using display: inline-block in .ui.ui.dropdown

This commit is contained in:
charles7668 2024-07-13 07:14:21 +08:00
parent bda7777edb
commit 7d68f34619
4 changed files with 7 additions and 4 deletions

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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 */
}