From a638c95d81716761491bb8660799885cebecd2d9 Mon Sep 17 00:00:00 2001 From: Sebastian Maniak Date: Sun, 8 Nov 2026 18:29:23 -0500 Subject: [PATCH] docs: fix duplicate navbar logo on mobile The light/dark logo switch in custom.css was scoped to md+ on the assumption that mobile shows no navbar logo, but Hextra renders both s there too, so phones showed the light and dark logos side by side. Apply the switch at every width. Co-Authored-By: Claude Opus 5.5 Signed-off-by: Sebastian Maniak --- docs-site/assets/css/custom.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/docs-site/assets/css/custom.css b/docs-site/assets/css/custom.css index ff8f3c3a..369ab532 100644 --- a/docs-site/assets/css/custom.css +++ b/docs-site/assets/css/custom.css @@ -318,13 +318,11 @@ h6 { hx:dark:hidden) to show exactly one per theme, but several of those aren't in Hextra's prebuilt main.css, so the switch fails and BOTH render (most visibly in dark mode). Drive it explicitly off the .dark class, keyed on the SVG src. - Scoped to md+ so the existing mobile behavior (no navbar logo) is untouched. */ -@media (min-width: 768px) { - .hextra-nav-container img[src*="kagent-logo-light"] { display: block; } - .hextra-nav-container img[src*="kagent-logo-dark"] { display: none; } - :where(.dark, .dark *) .hextra-nav-container img[src*="kagent-logo-light"] { display: none; } - :where(.dark, .dark *) .hextra-nav-container img[src*="kagent-logo-dark"] { display: block; } -} + Applies at every width: on mobile both logos were rendering side by side. */ +.hextra-nav-container img[src*="kagent-logo-light"] { display: block; } +.hextra-nav-container img[src*="kagent-logo-dark"] { display: none; } +:where(.dark, .dark *) .hextra-nav-container img[src*="kagent-logo-light"] { display: none; } +:where(.dark, .dark *) .hextra-nav-container img[src*="kagent-logo-dark"] { display: block; } /* ── Mermaid diagram alignment ──────────────────────────────────────────── Hextra renders every diagram into a full-width 
 that