Override default font-family for code blocks to fix #78

dullage · Jun 1, 2023 · 689e0e3 · 689e0e3
1 parent ea67514
commit 689e0e3
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
@@ -156,6 +156,14 @@
 .toastui-editor-defaultUI .ProseMirror {
   @include note-padding;
 }
+
+// Override the default font-family for code blocks as some of the fallbacks are not monospace
+.toastui-editor-contents code,
+.toastui-editor-contents pre,
+.toastui-editor-md-code,
+.toastui-editor-md-code-block {
+  font-family: Consolas, "Lucida Console", Monaco, "Andale Mono", monospace;
+}
 </style>
 
 <script>