From a447332bfef68f95f9727b014ea3a4fe0d2478f6 Mon Sep 17 00:00:00 2001 From: Julius Volz Date: Tue, 27 May 2025 12:36:42 +0200 Subject: [PATCH] Fix dark mode CNCF logo on Community page Signed-off-by: Julius Volz --- public/assets/cncf-logo-white.svg | 106 ++++++++++++++++++++++++++++++ public/assets/cncf-logo.svg | 88 +++++++++++++++++++++++++ public/assets/docs/cncf_logo.png | Bin 6338 -> 0 bytes src/app/community/community.md | 5 +- src/app/globals.css | 14 ++-- src/components/PromMarkdown.tsx | 4 +- 6 files changed, 208 insertions(+), 9 deletions(-) create mode 100644 public/assets/cncf-logo-white.svg create mode 100644 public/assets/cncf-logo.svg delete mode 100644 public/assets/docs/cncf_logo.png diff --git a/public/assets/cncf-logo-white.svg b/public/assets/cncf-logo-white.svg new file mode 100644 index 00000000..9f11c139 --- /dev/null +++ b/public/assets/cncf-logo-white.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/cncf-logo.svg b/public/assets/cncf-logo.svg new file mode 100644 index 00000000..6ed42883 --- /dev/null +++ b/public/assets/cncf-logo.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/docs/cncf_logo.png b/public/assets/docs/cncf_logo.png deleted file mode 100644 index 4a1cefa7f6d0d796856a5c77057fb7557fb1f2d3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6338 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 Ef*nY)ZU6uP diff --git a/src/app/community/community.md b/src/app/community/community.md index 60f22e91..109c52fb 100644 --- a/src/app/community/community.md +++ b/src/app/community/community.md @@ -184,7 +184,10 @@ any single company. To emphasize this we joined the [Cloud Native Computing Foundation](https://cncf.io/) in 2016 as the second project after [Kubernetes](https://kubernetes.io/). -CNCF logo + + CNCF logo + CNCF logo + ## Acknowledgements diff --git a/src/app/globals.css b/src/app/globals.css index c61cc137..52d4ce69 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -53,19 +53,19 @@ pre > code > span { } .markdown-content { - img { + img:not(.no-markdown-image-styles) { max-width: 90%; max-height: 50vh; height: auto; margin: 1.5em auto; display: block; - } - img[src$=".svg"] { - @mixin dark { - background-color: var(--mantine-color-gray-3); - border-radius: 0.3em; - padding: 0.5em 0.5em; + &[src$=".svg"] { + @mixin dark { + background-color: var(--mantine-color-gray-3); + border-radius: 0.3em; + padding: 0.5em 0.5em; + } } } diff --git a/src/components/PromMarkdown.tsx b/src/components/PromMarkdown.tsx index eae1bd5c..8345bc46 100644 --- a/src/components/PromMarkdown.tsx +++ b/src/components/PromMarkdown.tsx @@ -132,6 +132,8 @@ export default async function PromMarkdown({ ); } + const firstChild = Children.toArray(children)[0]; + return ( {/* Only add the icon if the first child is a string. This is to avoid breaking the layout of other components like image links etc. */} - {typeof Children.toArray(children)[0] === "string" ? ( + {typeof firstChild === "string" && firstChild.trim() !== "" ? ( // with display: "inline-flex" somehow breaks link underlining, // so going for this manual solution instead.