Fix tertiary buttons hover feedback

Add proper hover feedback to tertiary buttons whose icon doesn't isn't affected by the color css rule. e.g. emojis Signed-off-by: marco <marcoambrosini@pm.me>
nextcloud-libraries · Mar 28, 2022 · 870d274 · 870d274
1 parent a04ebbf
commit 870d274
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
@@ -560,11 +560,12 @@ export default {
 
 	// Tertiary
 	&--vue-tertiary {
-		color: var(--color-text-lighter);
+		color: var(--color-main-text);
 		background-color: transparent;
+		opacity: .7;
 		&:hover {
-			color: var(--color-main-text);
 			background-color: transparent;
+			opacity: 1;
 		}
 	}