feat: update button stylefeature/2607-toolbar-button-style

Signed-off-by: Luka Trovic <luka@nextcloud.com>

1 files changed, 14 insertions, 11 deletions

diff --git a/src/components/Menu/ActionEntry.scss b/src/components/Menu/ActionEntry.scss
index 643d2c452..a08a1f852 100644
--- a/src/components/Menu/ActionEntry.scss
+++ b/src/components/Menu/ActionEntry.scss
@@ -1,16 +1,9 @@
 %text__is-active-item-btn {
 	opacity: 1;
-
-	&::before {
-		transform: translateX(-50%);
-		border-radius: 100%;
-		position: absolute;
-		background: var(--color-primary-element);
-		bottom: 0;
-		height: 6px;
-		width: 6px;
-		content: '';
-		left: 50%;
+	background-color: var(--color-primary-light);
+	border-radius: 50%;
+	.material-design-icon > svg {
+		fill: var(--color-primary);
 	}
 }
 
@@ -71,4 +64,14 @@
 			box-shadow: inset 2px 0 var(--color-primary);
 		}
 	}
+
+	.button-vue {
+		svg {
+			fill: black;
+		}
+	}
+
+	.action-item__menutoggle.action-item__menutoggle--with-icon-slot {
+		opacity: 1;
+	}
 }