Fix dropdown hover styles

WordPress · Dec 11, 2019 · 45759a8 · 45759a8
1 parent 41e1dad
commit 45759a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/dropdown-menu/style.scss b/packages/components/src/dropdown-menu/style.scss
@@ -45,8 +45,9 @@
 		}
 
 		&:hover,
-		&:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover {
+		&:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover {
 			@include menu-style__hover();
+			box-shadow: none;
 		}
 
 		// Formatting buttons

diff --git a/packages/components/src/menu-item/style.scss b/packages/components/src/menu-item/style.scss
@@ -18,7 +18,8 @@
 		flex: 0 0 auto;
 	}
 
-	&:hover:not(:disabled):not([aria-disabled="true"]) {
+	// This needs to be higher-specificity that the default button hover style.
+	&.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover {
 		@include menu-style__hover;
 
 		.components-menu-item__shortcut {