Skip to content

Fix dropdown content overflow #31610

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Oct 13, 2024
Merged
Prev Previous commit
Next Next commit
Use tw-flex-wrap in the dropdown div that might overflow.
  • Loading branch information
charles7668 committed Jul 12, 2024
commit bd532297742f02593b0d752d62719574e3f10136
2 changes: 1 addition & 1 deletion templates/repo/create.tmpl
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,7 @@

<div class="inline field">
<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}}">
<div class="default text">{{ctx.Locale.Tr "repo.repo_gitignore_helper"}}</div>
<div class="menu">
Expand Down
2 changes: 1 addition & 1 deletion templates/repo/graph.tmpl
Original file line number Diff line number Diff line change
Expand Up @@ -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" 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">
<div class="default text">{{ctx.Locale.Tr "repo.commit_graph.select"}}</div>
<div class="menu">
Expand Down
2 changes: 1 addition & 1 deletion templates/repo/settings/tags.tmpl
Original file line number Diff line number Diff line change
Expand Up @@ -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">
<div class="ui multiple search selection dropdown tw-flex-wrap">
<input type="hidden" name="allowlist_users" value="{{.allowlist_users}}">
<div class="default text">{{ctx.Locale.Tr "search.user_kind"}}</div>
<div class="menu">
Expand Down
1 change: 0 additions & 1 deletion web_src/css/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -1362,7 +1362,6 @@ table th[data-sortt-desc] .svg {
gap: .25rem;
vertical-align: middle;
min-width: 0; /* make ellipsis work */
flex-wrap: wrap;
}

.ui.ui.dropdown.selection {
Expand Down