From 3ff4a6936b5ee05b3df945c466285de47ea87ef2 Mon Sep 17 00:00:00 2001 From: Giteabot Date: Mon, 1 Apr 2024 14:16:55 +0800 Subject: [PATCH] Prevent flash of dropdown menu on labels list (#30215) (#30216) Backport #30215 by @silverwind On the labels list, This `left` class caused the dropdown content to flash on page load until JS had hidden it. Remove it as I see no purpose to it. image Co-authored-by: silverwind Co-authored-by: wxiaoguang --- templates/repo/issue/labels/label_list.tmpl | 2 +- web_src/css/modules/header.css | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/templates/repo/issue/labels/label_list.tmpl b/templates/repo/issue/labels/label_list.tmpl index d84f14242a147..8d7fc2c3dbfc3 100644 --- a/templates/repo/issue/labels/label_list.tmpl +++ b/templates/repo/issue/labels/label_list.tmpl @@ -8,7 +8,7 @@ {{ctx.Locale.Tr "repo.issues.filter_sort"}} {{svg "octicon-triangle-down" 14 "dropdown icon"}} -
+
{{ctx.Locale.Tr "repo.issues.label.filter_sort.alphabetically"}} {{ctx.Locale.Tr "repo.issues.label.filter_sort.reverse_alphabetically"}} {{ctx.Locale.Tr "repo.milestones.filter_sort.least_issues"}} diff --git a/web_src/css/modules/header.css b/web_src/css/modules/header.css index 091d536cfc56c..05381e1185e8b 100644 --- a/web_src/css/modules/header.css +++ b/web_src/css/modules/header.css @@ -135,6 +135,12 @@ h4.ui.header .sub.header { font-weight: var(--font-weight-normal); } +/* open dropdown menus to the left in right-attached headers */ +.ui.attached.header > .ui.right .ui.dropdown .menu { + right: 0; + left: auto; +} + /* if a .top.attached.header is followed by a .segment, add some margin */ .ui.segments + .ui.top.attached.header, .ui.attached.segment + .ui.top.attached.header {