fix(ui5-togglebutton): fix hover background on desktop (#2984)

SAP · Mar 26, 2021 · 4f2a2cb · 4f2a2cb
1 parent 7fbc396
commit 4f2a2cb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/main/src/themes/ToggleButton.css b/packages/main/src/themes/ToggleButton.css
@@ -17,7 +17,7 @@
 }
 
 :host([design="Positive"][pressed][active]),
-:host([design="Positive"][pressed]:hover) {
+:host([design="Positive"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Accept_Selected_Hover_Background);
 }
 
@@ -31,7 +31,7 @@
 }
 
 :host([design="Negative"][pressed][active]),
-:host([design="Negative"][pressed]:hover) {
+:host([design="Negative"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Reject_Selected_Hover_Background);
 }
 
@@ -42,14 +42,14 @@
 :host([design="Transparent"][pressed]),
 :host([design="Transparent"][pressed]:hover),
 :host([design="Emphasized"][pressed]),
-:host([design="Emphasized"][pressed]:hover) {
+:host([design="Emphasized"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Selected_Background);
 	border-color: var(--sapButton_Selected_BorderColor);
 	color: var(--sapButton_Selected_TextColor);
 	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
 :host([pressed][active]),
-:host([pressed]:hover) {
+:host([pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Selected_Hover_Background);
 }