From ea001a26fc5ea8536388e4838f83d13c704fe799 Mon Sep 17 00:00:00 2001 From: Jan Calanog Date: Fri, 21 Feb 2025 22:04:39 +0100 Subject: [PATCH 1/3] Fix inline code wrapping --- docs/index.md | 28 +++++++++++++++++++ src/Elastic.Markdown/Assets/markdown/code.css | 3 +- 2 files changed, 29 insertions(+), 2 deletions(-) diff --git a/docs/index.md b/docs/index.md index 9939a9b4b..45218f9cd 100644 --- a/docs/index.md +++ b/docs/index.md @@ -9,3 +9,31 @@ Elastic Docs V3 is our next-generation documentation platform designed to improv * [Configure content sets in V3](./configure/index.md) * [Learn about V3 syntax](./syntax/index.md) * [Contribute to V3 (developer guide)](./development/index.md) + + +## What the `code`? + + + +`super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` + + +:::{important} + +Test `code` inline within admonition. + +`super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` +::: + +:::{warning} + +Test `code` inline within admonition. + +`super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` +::: + + +- list item 1 + - sub list item 1 + + `with super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` diff --git a/src/Elastic.Markdown/Assets/markdown/code.css b/src/Elastic.Markdown/Assets/markdown/code.css index b01ef22dd..b874b8e70 100644 --- a/src/Elastic.Markdown/Assets/markdown/code.css +++ b/src/Elastic.Markdown/Assets/markdown/code.css @@ -68,8 +68,6 @@ rounded-xs border-1 border-gray-300 - inline-block - text-nowrap ; font-size: 0.875em; line-height: 1.4em; @@ -78,6 +76,7 @@ letter-spacing: 0.02em; text-decoration: inherit; font-weight: inherit; + mix-blend-mode: multiply; } From f3ced90b4a4adf0a918ddb9abf932931e0c1aafe Mon Sep 17 00:00:00 2001 From: Jan Calanog Date: Fri, 21 Feb 2025 22:10:20 +0100 Subject: [PATCH 2/3] Unset when its a pre code --- src/Elastic.Markdown/Assets/markdown/code.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/Elastic.Markdown/Assets/markdown/code.css b/src/Elastic.Markdown/Assets/markdown/code.css index b874b8e70..eced535b0 100644 --- a/src/Elastic.Markdown/Assets/markdown/code.css +++ b/src/Elastic.Markdown/Assets/markdown/code.css @@ -15,6 +15,7 @@ p-6! ; background-color: #22272e; + mix-blend-mode: unset; } code:first-child { @apply rounded-t-sm; From 5b80fceaceb313192f43b3a090b24de5200c8c81 Mon Sep 17 00:00:00 2001 From: Jan Calanog Date: Fri, 21 Feb 2025 23:29:45 +0100 Subject: [PATCH 3/3] cleanup --- docs/index.md | 28 ---------------------------- 1 file changed, 28 deletions(-) diff --git a/docs/index.md b/docs/index.md index 45218f9cd..9939a9b4b 100644 --- a/docs/index.md +++ b/docs/index.md @@ -9,31 +9,3 @@ Elastic Docs V3 is our next-generation documentation platform designed to improv * [Configure content sets in V3](./configure/index.md) * [Learn about V3 syntax](./syntax/index.md) * [Contribute to V3 (developer guide)](./development/index.md) - - -## What the `code`? - - - -`super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` - - -:::{important} - -Test `code` inline within admonition. - -`super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` -::: - -:::{warning} - -Test `code` inline within admonition. - -`super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap` -::: - - -- list item 1 - - sub list item 1 - - `with super long inline code that should wrap super long inline code that should wrap super long inline code that should wrap`