From 3d00613e5dd4f97ff03fa0547f9b8550101ded96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lorber?= <slorber@users.noreply.github.com>
Date: Tue, 23 Feb 2021 18:47:07 +0100
Subject: [PATCH] fix(v2): Code blocks should be LTR by default (#4277)

* use LTR code code blocks

* code blocks should be LTR
---
 packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx | 2 +-
 .../src/theme/CodeBlock/styles.module.css                       | 2 ++
 .../src/theme/Playground/styles.module.css                      | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx b/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx
index 28695b6d84..1793a0aa1f 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx
@@ -207,7 +207,7 @@ export default function CodeBlock({
               {codeBlockTitle}
             </div>
           )}
-          <div className={styles.codeBlockContent}>
+          <div className={clsx(styles.codeBlockContent, language)}>
             <div
               /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
               tabIndex={0}
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
index cc3cf38cd4..ecf0d8e24b 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
@@ -7,6 +7,8 @@
 
 .codeBlockContent {
   position: relative;
+  /*rtl:ignore*/
+  direction: ltr;
 }
 
 .codeBlockTitle {
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
index 41a73324dc..50dc7f6553 100644
--- a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
+++ b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
@@ -24,6 +24,8 @@
 
 .playgroundEditor {
   font-family: var(--ifm-font-family-monospace) !important;
+  /*rtl:ignore*/
+  direction: ltr;
 }
 
 .playgroundPreview {