From 85c790140403029b6d73423f2582608f8506fa5c Mon Sep 17 00:00:00 2001
From: wxiaoguang <wxiaoguang@gmail.com>
Date: Thu, 22 Jan 2026 10:22:20 +0800
Subject: [PATCH] Fix issue filter menu layout (#36426)

Fix #36420
---
 templates/projects/list.tmpl         | 2 +-
 templates/user/dashboard/issues.tmpl | 2 +-
 web_src/css/repo.css                 | 8 +++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/templates/projects/list.tmpl b/templates/projects/list.tmpl
index e769543f6a..c37f479fd0 100644
--- a/templates/projects/list.tmpl
+++ b/templates/projects/list.tmpl
@@ -23,7 +23,7 @@
 		{{template "shared/search/combo" dict "Value" .Keyword "Placeholder" (ctx.Locale.Tr "search.project_kind")}}
 	</form>
 
-	<div class="list-header-filters">
+	<div class="list-header-filters ui secondary menu tw-m-0">
 		<!-- Sort -->
 		<div class="item ui small dropdown jump">
 			<span class="text">
diff --git a/templates/user/dashboard/issues.tmpl b/templates/user/dashboard/issues.tmpl
index 54c96a3aa5..09f3576736 100644
--- a/templates/user/dashboard/issues.tmpl
+++ b/templates/user/dashboard/issues.tmpl
@@ -62,7 +62,7 @@
 						)}}
 					</form>
 
-					<div class="list-header-filters">
+					<div class="list-header-filters ui secondary menu tw-m-0">
 						{{if $.Labels}}
 							{{template "repo/issue/filter_item_label" dict "Labels" .Labels "QueryLink" $queryLinkWithFilter "SupportArchivedLabel" true}}
 						{{end}}
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index abb891cf9b..16fbfaec4a 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -95,8 +95,9 @@
   }
 }
 
-/* make all issue filter dropdown menus popup leftward, to avoid go out the viewport (right side) */
-.repository .filter.menu .ui.dropdown .menu {
+/* make all issue filter dropdown (user dashboard, repo issue list) menus popup leftward, to avoid go out the viewport (right side) */
+.list-header-filters .ui.dropdown .menu,
+.issue-list-toolbar .ui.dropdown .menu {
   max-height: 500px;
   max-width: 300px;
   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) */
-.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;
   right: unset;
   left: 0;