Fix button hover border (#30048)

silverwind · web-flow · commit bbaf62589fe5 · 2024-03-25T10:14:43.000Z
Fix regression from #30014. The rule was to broad and affecting things like `primary` button unintentionally.
diff --git a/web_src/css/modules/button.css b/web_src/css/modules/button.css
@@ -11,7 +11,6 @@
 .ui.button:hover {
   background: var(--color-hover);
   color: var(--color-text);
-  border-color: var(--color-secondary-dark-2);
 }
 
 .page-content .ui.button {
@@ -62,6 +61,10 @@ It needs some tricks to tweak the left/right borders with active state */
   border-right: none;
 }
 
+.ui.buttons .button:hover {
+  border-color: var(--color-secondary-dark-2);
+}
+
 .ui.buttons .button:hover + .button {
   border-left: 1px solid var(--color-secondary-dark-2);
 }

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,6 @@`
`11`	`11`	`.ui.button:hover {`
`12`	`12`	`background: var(--color-hover);`
`13`	`13`	`color: var(--color-text);`
`14`		`- border-color: var(--color-secondary-dark-2);`
`15`	`14`	`}`
`16`	`15`
`17`	`16`	`.page-content .ui.button {`
`@@ -62,6 +61,10 @@ It needs some tricks to tweak the left/right borders with active state */`
`62`	`61`	`border-right: none;`
`63`	`62`	`}`
`64`	`63`
	`64`	`+.ui.buttons .button:hover {`
	`65`	`+ border-color: var(--color-secondary-dark-2);`
	`66`	`+}`
	`67`	`+`
`65`	`68`	`.ui.buttons .button:hover + .button {`
`66`	`69`	`border-left: 1px solid var(--color-secondary-dark-2);`
`67`	`70`	`}`