chore(editor): add horizontal line icon

2023-06-13 15:48:43 +02:00 · 2023-06-13 15:48:43 +02:00 · ca0d9e6bd5
parent ad3234b19f
commit ca0d9e6bd5
1 changed files with 9 additions and 1 deletions
--- a/src/components/base/EditorToolbar.vue
+++ b/src/components/base/EditorToolbar.vue
@ -201,7 +201,9 @@
 				class="editor-toolbar__button"
 				@click="editor.chain().focus().setHorizontalRule().run()"
 			>
-				horizontal rule
+				<span class="editor-toolbar__pseudo-icon">
+					-
+				</span>
 			</BaseButton>
 			<BaseButton
 				class="editor-toolbar__button"
@ -492,4 +494,10 @@ function setLink() {
 		border-color: var(--grey-300);
 	}
 }
+
+.editor-toolbar__pseudo-icon {
+	padding: 0 .5rem;
+	font-weight: bold;
+	vertical-align: top;
+}
 </style>