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

Gedulis12 · Aug 7, 2023 · 15bea9b · 15bea9b
1 parent aeb81b6
commit 15bea9b
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>