fix(v2): set proper font for live editor (#2835)

facebook · May 29, 2020 · e57294f · e57294f
1 parent f2fb2b8
commit e57294f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js
@@ -25,7 +25,7 @@ function Playground({children, theme, transformCode, ...props}) {
         )}>
         Live Editor
       </div>
-      <LiveEditor />
+      <LiveEditor className={styles.playgroundEditor} />
       <div
         className={classnames(
           styles.playgroundHeader,

diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
@@ -22,6 +22,10 @@
   color: var(--ifm-color-content);
 }
 
+.playgroundEditor {
+  font-family: var(--ifm-font-family-monospace) !important;
+}
+
 .playgroundPreview {
   border: 1px solid var(--ifm-color-emphasis-200);
   border-bottom-left-radius: var(--ifm-global-radius);