Fix issue filter menu layout (#36426)

Fix #36420
This commit is contained in:
wxiaoguang
2026-01-22 10:22:20 +08:00
committed by GitHub
parent 6a5f9e12f9
commit 85c7901404
3 changed files with 7 additions and 5 deletions
+1 -1
View File
@@ -23,7 +23,7 @@
{{template "shared/search/combo" dict "Value" .Keyword "Placeholder" (ctx.Locale.Tr "search.project_kind")}} {{template "shared/search/combo" dict "Value" .Keyword "Placeholder" (ctx.Locale.Tr "search.project_kind")}}
</form> </form>
<div class="list-header-filters"> <div class="list-header-filters ui secondary menu tw-m-0">
<!-- Sort --> <!-- Sort -->
<div class="item ui small dropdown jump"> <div class="item ui small dropdown jump">
<span class="text"> <span class="text">
+1 -1
View File
@@ -62,7 +62,7 @@
)}} )}}
</form> </form>
<div class="list-header-filters"> <div class="list-header-filters ui secondary menu tw-m-0">
{{if $.Labels}} {{if $.Labels}}
{{template "repo/issue/filter_item_label" dict "Labels" .Labels "QueryLink" $queryLinkWithFilter "SupportArchivedLabel" true}} {{template "repo/issue/filter_item_label" dict "Labels" .Labels "QueryLink" $queryLinkWithFilter "SupportArchivedLabel" true}}
{{end}} {{end}}
+5 -3
View File
@@ -95,8 +95,9 @@
} }
} }
/* make all issue filter dropdown menus popup leftward, to avoid go out the viewport (right side) */ /* make all issue filter dropdown (user dashboard, repo issue list) menus popup leftward, to avoid go out the viewport (right side) */
.repository .filter.menu .ui.dropdown .menu { .list-header-filters .ui.dropdown .menu,
.issue-list-toolbar .ui.dropdown .menu {
max-height: 500px; max-height: 500px;
max-width: 300px; max-width: 300px;
overflow-x: hidden; overflow-x: hidden;
@@ -105,7 +106,8 @@
} }
/* the label-filter is the first dropdown, it shouldn't be shown leftward, otherwise it may go out the viewport (left side) */ /* the label-filter is the first dropdown, it shouldn't be shown leftward, otherwise it may go out the viewport (left side) */
.repository .filter.menu .ui.dropdown.label-filter .menu { .list-header-filters .ui.dropdown.label-filter .menu,
.issue-list-toolbar .ui.dropdown.label-filter .menu {
min-width: max-content; min-width: max-content;
right: unset; right: unset;
left: 0; left: 0;