Use tw-flex-wrap in the dropdown div that might overflow.

This commit is contained in:
charles 2024-07-12 09:33:05 +08:00
parent d4978e937a
commit bd53229774
4 changed files with 3 additions and 4 deletions

View File

@ -135,7 +135,7 @@
<div class="inline field"> <div class="inline field">
<label>.gitignore</label> <label>.gitignore</label>
<div class="ui multiple search selection dropdown"> <div class="ui multiple search selection dropdown tw-flex-wrap">
<input type="hidden" name="gitignores" value="{{.gitignores}}"> <input type="hidden" name="gitignores" value="{{.gitignores}}">
<div class="default text">{{ctx.Locale.Tr "repo.repo_gitignore_helper"}}</div> <div class="default text">{{ctx.Locale.Tr "repo.repo_gitignore_helper"}}</div>
<div class="menu"> <div class="menu">

View File

@ -6,7 +6,7 @@
<h2 class="ui header dividing"> <h2 class="ui header dividing">
{{ctx.Locale.Tr "repo.commit_graph"}} {{ctx.Locale.Tr "repo.commit_graph"}}
<div class="ui icon buttons tiny color-buttons"> <div class="ui icon buttons tiny color-buttons">
<div class="ui multiple selection search dropdown" id="flow-select-refs-dropdown"> <div class="ui multiple selection search dropdown tw-flex-wrap" id="flow-select-refs-dropdown">
<input type="hidden" name="flow"> <input type="hidden" name="flow">
<div class="default text">{{ctx.Locale.Tr "repo.commit_graph.select"}}</div> <div class="default text">{{ctx.Locale.Tr "repo.commit_graph.select"}}</div>
<div class="menu"> <div class="menu">

View File

@ -26,7 +26,7 @@
</div> </div>
<div class="whitelist field"> <div class="whitelist field">
<label>{{ctx.Locale.Tr "repo.settings.tags.protection.allowed.users"}}</label> <label>{{ctx.Locale.Tr "repo.settings.tags.protection.allowed.users"}}</label>
<div class="ui multiple search selection dropdown"> <div class="ui multiple search selection dropdown tw-flex-wrap">
<input type="hidden" name="allowlist_users" value="{{.allowlist_users}}"> <input type="hidden" name="allowlist_users" value="{{.allowlist_users}}">
<div class="default text">{{ctx.Locale.Tr "search.user_kind"}}</div> <div class="default text">{{ctx.Locale.Tr "search.user_kind"}}</div>
<div class="menu"> <div class="menu">

View File

@ -1362,7 +1362,6 @@ table th[data-sortt-desc] .svg {
gap: .25rem; gap: .25rem;
vertical-align: middle; vertical-align: middle;
min-width: 0; /* make ellipsis work */ min-width: 0; /* make ellipsis work */
flex-wrap: wrap;
} }
.ui.ui.dropdown.selection { .ui.ui.dropdown.selection {