typescript-eslint · JoshuaKGoldberg · Sep 27, 2024 · Sep 19, 2024 · Sep 20, 2024 · Sep 20, 2024
diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx
@@ -50,15 +50,17 @@ export default function CodeBlockString({
   const showLineNumbers =
     showLineNumbersProp ?? containsLineNumbers(metastring);
 
-  const copiedCode = code
+  const codeLines = code
     .split('\n')
     .filter(
       (c, i) =>
         !(lineClassNames[i] as string[] | undefined)?.includes(
           'code-block-removed-line',
         ),
-    )
-    .join('\n');
+    );
+  const copiedCode = codeLines.join('\n');
+  const lastLineOfCodeLength = codeLines.at(-1)?.length ?? 0;
+  const needsMorePadding = lastLineOfCodeLength > 50;
 
   const eslintrcHash = parseEslintrc(metastring);
 
@@ -90,6 +92,9 @@ export default function CodeBlockString({
               <code
                 className={clsx(
                   styles.codeBlockLines,
+                  eslintrcHash &&
+                    needsMorePadding &&
+                    styles.codeBlockLinesMorePadding,
                   showLineNumbers && styles.codeBlockLinesWithNumbering,
                 )}
               >

diff --git a/packages/website/src/theme/CodeBlock/Content/styles.module.css b/packages/website/src/theme/CodeBlock/Content/styles.module.css
@@ -46,6 +46,11 @@
   padding: var(--ifm-pre-padding);
 }
 
+.codeBlockLinesMorePadding {
+  padding: var(--ifm-pre-padding) var(--ifm-pre-padding)
+    calc(var(--ifm-pre-padding) * 2.5);
+}
+
 .codeBlockLinesWithNumbering {
   display: table;
   padding: var(--ifm-pre-padding) 0;