fix: disable hover effect for contained theme

vaadin · Jan 20, 2025 · 27be0de · 27be0de
1 parent e06edaf
commit 27be0de
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/button/theme/material/vaadin-button-styles.js b/packages/button/theme/material/vaadin-button-styles.js
@@ -106,7 +106,7 @@ const button = css`
     background-color: var(--material-secondary-background-color);
   }
 
-  :host([theme~='contained']:hover) {
+  :host([theme~='contained']:not([disabled]):hover) {
     box-shadow: var(--material-shadow-elevation-4dp);
   }
 
@@ -149,7 +149,7 @@ const button = css`
     transform: translate(50%, -50%) scale(0.0000001);
   }
 
-  :host(:hover:not([active])[dir='rtl'])::after {
+  :host(:hover:not([active]):not([disabled])[dir='rtl'])::after {
     transform: translate(50%, -50%) scale(1);
   }