fix: Positioning of copy button in codeblock on RTL Locale

Vishruta-Patil · Mar 22, 2023 · 8710dac · 8710dac
1 parent c04fab3
commit 8710dac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
@@ -94,7 +94,7 @@ export default function CodeBlockString({
             </pre>
           )}
         </Highlight>
-        <div className={styles.buttonGroup}>
+        <div className={`${styles.buttonGroup} ${styles.buttonBlockSpace}`}>
           {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
             <WordWrapButton
               className={styles.codeButton}

diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/styles.module.css
@@ -84,3 +84,7 @@
 :global(.theme-code-block:hover) .buttonGroup button {
   opacity: 0.4;
 }
+
+.buttonBlockSpace {
+  right: calc(var(--ifm-pre-padding) / 2) !important;
+}