From 859928797ba1bdab6fb381078ee0155e998b316d Mon Sep 17 00:00:00 2001 From: mdm317 Date: Thu, 19 Sep 2024 19:03:36 +0900 Subject: [PATCH 1/6] style: increase padding-bottom to prevent overlap --- .../website/src/theme/CodeBlock/Content/styles.module.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/website/src/theme/CodeBlock/Content/styles.module.css b/packages/website/src/theme/CodeBlock/Content/styles.module.css index b1daba6510b0..18ed5a6d06fc 100644 --- a/packages/website/src/theme/CodeBlock/Content/styles.module.css +++ b/packages/website/src/theme/CodeBlock/Content/styles.module.css @@ -43,7 +43,8 @@ /* rtl:ignore */ float: left; min-width: 100%; - padding: var(--ifm-pre-padding); + padding: var(--ifm-pre-padding) var(--ifm-pre-padding) + calc(var(--ifm-pre-padding) * 2.5); } .codeBlockLinesWithNumbering { @@ -103,4 +104,8 @@ position: static; margin: calc(var(--ifm-pre-padding) / 2); } + + .codeBlockLines { + padding: var(--ifm-pre-padding); + } } From 6ce2f1a2c74e5e1b9a44ed4e92736a9fb5dee73e Mon Sep 17 00:00:00 2001 From: mdm317 Date: Fri, 20 Sep 2024 18:38:37 +0900 Subject: [PATCH 2/6] Revert "style: increase padding-bottom to prevent overlap" This reverts commit 859928797ba1bdab6fb381078ee0155e998b316d. --- .../website/src/theme/CodeBlock/Content/styles.module.css | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/packages/website/src/theme/CodeBlock/Content/styles.module.css b/packages/website/src/theme/CodeBlock/Content/styles.module.css index 18ed5a6d06fc..b1daba6510b0 100644 --- a/packages/website/src/theme/CodeBlock/Content/styles.module.css +++ b/packages/website/src/theme/CodeBlock/Content/styles.module.css @@ -43,8 +43,7 @@ /* rtl:ignore */ float: left; min-width: 100%; - padding: var(--ifm-pre-padding) var(--ifm-pre-padding) - calc(var(--ifm-pre-padding) * 2.5); + padding: var(--ifm-pre-padding); } .codeBlockLinesWithNumbering { @@ -104,8 +103,4 @@ position: static; margin: calc(var(--ifm-pre-padding) / 2); } - - .codeBlockLines { - padding: var(--ifm-pre-padding); - } } From 492c3c152e69018ed2969dc11a3495ae266859ef Mon Sep 17 00:00:00 2001 From: mdm317 Date: Fri, 20 Sep 2024 18:43:24 +0900 Subject: [PATCH 3/6] fix : add padding bottom only when playground button is visible --- packages/website/src/theme/CodeBlock/Content/String.tsx | 1 + .../src/theme/CodeBlock/Content/styles.module.css | 9 +++++++++ 2 files changed, 10 insertions(+) diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx index dcd0b526ec52..6c4a90e7a58d 100644 --- a/packages/website/src/theme/CodeBlock/Content/String.tsx +++ b/packages/website/src/theme/CodeBlock/Content/String.tsx @@ -90,6 +90,7 @@ export default function CodeBlockString({ diff --git a/packages/website/src/theme/CodeBlock/Content/styles.module.css b/packages/website/src/theme/CodeBlock/Content/styles.module.css index b1daba6510b0..0ddc05a521b2 100644 --- 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); } +.codeBlockLinesWithPlaygroundButton { + 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; @@ -103,4 +108,8 @@ position: static; margin: calc(var(--ifm-pre-padding) / 2); } + + .codeBlockLinesWithPlaygroundButton { + padding: var(--ifm-pre-padding); + } } From 93bde0bd8cc018d4948b84aa8cc3a305c9fa6e9a Mon Sep 17 00:00:00 2001 From: mdm317 Date: Fri, 20 Sep 2024 23:34:20 +0900 Subject: [PATCH 4/6] Revert "fix : add padding bottom only when playground button is visible" This reverts commit 492c3c152e69018ed2969dc11a3495ae266859ef. --- packages/website/src/theme/CodeBlock/Content/String.tsx | 1 - .../src/theme/CodeBlock/Content/styles.module.css | 9 --------- 2 files changed, 10 deletions(-) diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx index 6c4a90e7a58d..dcd0b526ec52 100644 --- a/packages/website/src/theme/CodeBlock/Content/String.tsx +++ b/packages/website/src/theme/CodeBlock/Content/String.tsx @@ -90,7 +90,6 @@ export default function CodeBlockString({ diff --git a/packages/website/src/theme/CodeBlock/Content/styles.module.css b/packages/website/src/theme/CodeBlock/Content/styles.module.css index 0ddc05a521b2..b1daba6510b0 100644 --- a/packages/website/src/theme/CodeBlock/Content/styles.module.css +++ b/packages/website/src/theme/CodeBlock/Content/styles.module.css @@ -46,11 +46,6 @@ padding: var(--ifm-pre-padding); } -.codeBlockLinesWithPlaygroundButton { - 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; @@ -108,8 +103,4 @@ position: static; margin: calc(var(--ifm-pre-padding) / 2); } - - .codeBlockLinesWithPlaygroundButton { - padding: var(--ifm-pre-padding); - } } From bfd32c6d576427ff86e7b88721db70752eadf129 Mon Sep 17 00:00:00 2001 From: mdm317 Date: Fri, 20 Sep 2024 23:50:08 +0900 Subject: [PATCH 5/6] fix : Increase the padding if the length of the last line of code exceeds 50 characters. This reverts commit 492c3c152e69018ed2969dc11a3495ae266859ef. --- packages/website/src/theme/CodeBlock/Content/String.tsx | 9 ++++++--- .../src/theme/CodeBlock/Content/styles.module.css | 5 +++++ 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx index dcd0b526ec52..629366da80a3 100644 --- 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,7 @@ export default function CodeBlockString({ diff --git a/packages/website/src/theme/CodeBlock/Content/styles.module.css b/packages/website/src/theme/CodeBlock/Content/styles.module.css index b1daba6510b0..7fe4c1ffb3a9 100644 --- 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; From 3378137e4531a849e77ad9064c96f6bb896f3df9 Mon Sep 17 00:00:00 2001 From: mdm317 Date: Wed, 25 Sep 2024 00:14:53 +0900 Subject: [PATCH 6/6] fix : add padding when codeblocks has playground button --- packages/website/src/theme/CodeBlock/Content/String.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx index 629366da80a3..e49a2e730663 100644 --- a/packages/website/src/theme/CodeBlock/Content/String.tsx +++ b/packages/website/src/theme/CodeBlock/Content/String.tsx @@ -92,7 +92,9 @@ export default function CodeBlockString({ pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy