Merge pull request #2627 from nextcloud/feature/2607-toolbar-button-s…

…tyle Update toolbar button style
nextcloud · Jul 8, 2022 · 5db2963 · 5db2963
2 parents e9063d1 + 601b1a8
commit 5db2963
Show file tree

Hide file tree

Showing 11 changed files with 29 additions and 26 deletions.
diff --git a/js/editor.js b/js/editor.js
diff --git a/js/editor.js.map b/js/editor.js.map
diff --git a/js/text-files.js b/js/text-files.js
diff --git a/js/text-files.js.map b/js/text-files.js.map
diff --git a/js/text-public.js b/js/text-public.js
diff --git a/js/text-public.js.map b/js/text-public.js.map
diff --git a/js/text-text.js b/js/text-text.js
diff --git a/js/text-text.js.map b/js/text-text.js.map
diff --git a/js/text-viewer.js b/js/text-viewer.js
diff --git a/js/text-viewer.js.map b/js/text-viewer.js.map
diff --git 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;
+	}
 }