Fix duplicate bakground color on action menu toggle (#535)

Fix duplicate bakground color on action menu toggle
nextcloud · Aug 12, 2019 · ee4de46 · ee4de46
2 parents 76b2343 + 6258c1e
commit ee4de46
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/src/components/Actions/Actions.vue b/src/components/Actions/Actions.vue
@@ -357,21 +357,22 @@ $arrow-margin: ($clickable-area - 2 * $arrow-width)  / 2;
 
 	// put a grey round background when menu is opened
 	// or hover-focused
-	&:hover,
-	&:focus,
-	&:active,
+	&--single:hover,
+	&--single:focus,
+	&--single:active,
+	&__menutoggle:hover,
 	&__menutoggle:focus,
-	&__menutoggle:active,
-	&.action-item--open {
+	&__menutoggle:active{
 		border-radius: $clickable-area / 2;
 		// good looking on dark AND white bg
 		background-color: $icon-focus-bg !important; // override default server
-		&,
-		.action-item__menutoggle {
-			opacity: $opacity_full;
-			border-radius: $clickable-area / 2;
-			background-color: $action-background-hover;
-		}
+		opacity: $opacity_full;
+	}
+
+	&.action-item--open .action-item__menutoggle {
+		opacity: $opacity_full;
+		border-radius: $clickable-area / 2;
+		background-color: $action-background-hover;
 	}
 
 	// icons