Fix border radius on hovered secondary menu (#31089) (#31097)

GiteaBot · silverwind · web-flow · commit 0e70f73055fd · 2024-05-27T07:07:16.000Z
Backport #31089 by @silverwind Presumably a regression from #30325, these menus were showing a border radius on hover, which is fixed with this change. <img width="154" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/eafdc1c5-3cf5-48d1-86c4-21c58f92cfaf"> Co-authored-by: silverwind <me@silverwind.io>
diff --git a/web_src/css/modules/menu.css b/web_src/css/modules/menu.css
@@ -512,11 +512,14 @@
   background: var(--color-hover);
 }
 
+.ui.secondary.menu .active.item {
+  border-radius: 0.28571429rem;
+}
+
 .ui.secondary.menu .active.item,
 .ui.secondary.menu .active.item:hover {
   color: var(--color-text-dark);
   background: var(--color-active);
-  border-radius: 0.28571429rem;
 }
 
 .ui.secondary.item.menu {

Original file line number	Diff line number	Diff line change
`@@ -512,11 +512,14 @@`
`512`	`512`	`background: var(--color-hover);`
`513`	`513`	`}`
`514`	`514`
	`515`	`+.ui.secondary.menu .active.item {`
	`516`	`+ border-radius: 0.28571429rem;`
	`517`	`+}`
	`518`	`+`
`515`	`519`	`.ui.secondary.menu .active.item,`
`516`	`520`	`.ui.secondary.menu .active.item:hover {`
`517`	`521`	`color: var(--color-text-dark);`
`518`	`522`	`background: var(--color-active);`
`519`		`- border-radius: 0.28571429rem;`
`520`	`523`	`}`
`521`	`524`
`522`	`525`	`.ui.secondary.item.menu {`