From: Adam Dullage <redacted>
Date: Thu, 1 Jun 2023 08:33:02 +0000 (+0100)
Subject: Override default font-family for code blocks to fix #78
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=689e0e37e666a8d8a59a19335e51630c99f77ce9;p=flatnotes.git

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

diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index be72d06..344f03f 100644
--- 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>