Merge pull request #305 from ckeditor/mermaid-toolbar-css-update

Updated css for mermaid toolbar.
ckeditor · Mar 8, 2022 · 95d5791 · 95d5791
2 parents 3a52e1f + 0e0d6ec
commit 95d5791
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/app/theme/panel.css b/src/app/theme/panel.css
@@ -28,3 +28,20 @@
 .ck-button {
 	color: var(--color-fg-default) !important;
 }
+
+/* Mermaid balloon toolbar styles */
+.ck.ck-balloon-panel [aria-label="Mermaid toolbar"] {
+	margin: 0;
+}
+
+.ck.ck-balloon-panel [aria-label="Mermaid toolbar"] .ck-button {
+	line-height: 1;
+}
+
+.ck.ck-balloon-panel [aria-label="Mermaid toolbar"] .ck.ck-toolbar__separator {
+	margin-right: var(--ck-spacing-medium);
+	margin-left: var(--ck-spacing-small);
+	width: 1px;
+	min-width: 1px;
+	background: var(--color-border-default);
+}