From 0262d873b73deaa6e0c72c924ccaada4b3a647de Mon Sep 17 00:00:00 2001 From: losrebellos Date: Tue, 6 Oct 2026 10:36:00 +0200 Subject: [PATCH 01/11] WIP --- src/components/chrome/VersionSelector.astro | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index 3d1eff1273..8d10b45c94 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -73,3 +73,21 @@ const versions = [...site.available_versions].reverse().slice(0, 10); initDocsVersionSelector(); }); + + From e3d51dc0230adc279fe78ed670e64693755d6ed8 Mon Sep 17 00:00:00 2001 From: losrebellos Date: Tue, 6 Oct 2026 11:48:23 +0200 Subject: [PATCH 02/11] Styles updated --- src/components/chrome/VersionSelector.astro | 60 ++++++++++++++++++--- 1 file changed, 53 insertions(+), 7 deletions(-) diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index 8d10b45c94..09a0d77b0f 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -14,10 +14,10 @@ const versions = [...site.available_versions].reverse().slice(0, 10); ---
- - {currentVersion} +
+ {currentVersion} - +
    {versions .filter((v: string) => v !== version) @@ -75,16 +75,62 @@ const versions = [...site.available_versions].reverse().slice(0, 10); diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index 09a0d77b0f..6e58b898c2 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -103,12 +103,12 @@ const versions = [...site.available_versions].reverse().slice(0, 10); border-color: #c2daf0; } } - /* @media (min-width: 992.02px) { + @media (min-width: 992.02px) { .bootstrap .learn .version__current { background-color: transparent; border: none; } - } */ + } .bootstrap .learn .version__current svg { margin-top: 2px; From 0733c6cb319eb7d0370696f90b578ecaacbcb716 Mon Sep 17 00:00:00 2001 From: losrebellos Date: Tue, 6 Oct 2026 13:59:18 +0200 Subject: [PATCH 05/11] From feedback --- src/components/chrome/TopBar.astro | 4 ++-- src/components/chrome/VersionSelector.astro | 13 +++++++------ 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/components/chrome/TopBar.astro b/src/components/chrome/TopBar.astro index 53b557058c..e4930e881d 100644 --- a/src/components/chrome/TopBar.astro +++ b/src/components/chrome/TopBar.astro @@ -44,11 +44,11 @@ const { page, showBreadcrumb, showVersionSelector } = Astro.props; diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index 6e58b898c2..2685ec78d8 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -78,7 +78,7 @@ const versions = [...site.available_versions].reverse().slice(0, 10); .bootstrap .learn .version__selector { display: inline-block; height: auto; - margin: 32px 0 0 0 !important; + margin-top: 32px !important; position: relative; width: auto; } @@ -90,19 +90,20 @@ const versions = [...site.available_versions].reverse().slice(0, 10); .bootstrap .learn .version__current { background-color: white; - border: 1px solid rgba(198,201,210,.5); + border: 1px solid rgba(198, 201, 210, 0.5); display: inline-flex; float: none; - gap: 0!important; + gap: 0 !important; padding: 10px 0 12px 12px; width: auto; - &:hover, - &:focus, - &.open { + &:hover { border-color: #c2daf0; } } + .bootstrap .learn .version__selector.open .version__current { + border-color: #c2daf0; + } @media (min-width: 992.02px) { .bootstrap .learn .version__current { background-color: transparent; From 9077f9fbf849fb8e863cb7b053e938e2f4d9f1f9 Mon Sep 17 00:00:00 2001 From: losrebellos Date: Tue, 6 Oct 2026 14:18:09 +0200 Subject: [PATCH 06/11] Misc --- src/components/chrome/TocToggle.astro | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/components/chrome/TocToggle.astro b/src/components/chrome/TocToggle.astro index d365d0f45e..aa46966e58 100644 --- a/src/components/chrome/TocToggle.astro +++ b/src/components/chrome/TocToggle.astro @@ -7,9 +7,7 @@ fill="currentColor" aria-hidden="true" > - +
- {showVersionSelector && } + {showVersionSelector && ( + + )} What’s new @@ -75,11 +77,6 @@ const { page, showBreadcrumb, showNavToggle, showVersionSelector } = content: none; } - :global(.version__selector) { - display: flex; - margin-top: 0; - } - :global(.trail) { margin-left: 64px; } @@ -139,10 +136,6 @@ const { page, showBreadcrumb, showNavToggle, showVersionSelector } = display: contents; } - :global(.version__selector) { - display: none; - } - :global(.docs-nav-toggle), :global(.toc-toggle) { padding: 8px; diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index ddd2011ceb..3a9a97f037 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -4,16 +4,17 @@ import { baseCtx } from "@/lib/liquid/liquidRenderer"; type Props = { version?: string; + variant: "top-bar" | "inline"; }; -const { version } = Astro.props; +const { version, variant } = Astro.props; const { site } = baseCtx; const currentVersion = version === "latest" ? site.docs_version : version; const versions = [...site.available_versions].reverse().slice(0, 10); --- -
+
{currentVersion} @@ -74,67 +75,146 @@ const versions = [...site.available_versions].reverse().slice(0, 10); }); - diff --git a/src/layouts/NewDocsLayout.astro b/src/layouts/NewDocsLayout.astro index f9e20c2fe6..9830e79f4d 100644 --- a/src/layouts/NewDocsLayout.astro +++ b/src/layouts/NewDocsLayout.astro @@ -53,7 +53,9 @@ const unify = UNIFY_ENABLED_PAGES.includes(page.url);
{showBreadcrumb && } - {!showBreadcrumb && } + {!showBreadcrumb && ( + + )} From c7f9a1cf487b4f8ee976607fd610e09c73275d81 Mon Sep 17 00:00:00 2001 From: losrebellos Date: Tue, 6 Oct 2026 20:37:16 +0200 Subject: [PATCH 10/11] cleanups --- public/docs/css/main.css | 4 - src/components/chrome/VersionSelector.astro | 127 ++++++++++---------- 2 files changed, 64 insertions(+), 67 deletions(-) diff --git a/public/docs/css/main.css b/public/docs/css/main.css index 9a5bc7bd55..05cc75226c 100644 --- a/public/docs/css/main.css +++ b/public/docs/css/main.css @@ -2587,10 +2587,6 @@ section { border: none !important; } -.cursor-pointer { - cursor: pointer; -} - .cursor-default { cursor: default; } diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index 3a9a97f037..887b5638bb 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -14,7 +14,7 @@ const currentVersion = version === "latest" ? site.docs_version : version; const versions = [...site.available_versions].reverse().slice(0, 10); --- -
+
{currentVersion} @@ -25,8 +25,8 @@ const versions = [...site.available_versions].reverse().slice(0, 10); .map((v: string) => { const support = site.data.version_support[v]; return ( -
  • - +
  • +
    {v} {support?.status === "unsupported" ? ( @@ -41,8 +41,10 @@ const versions = [...site.available_versions].reverse().slice(0, 10);
    • ); })} -
  • - See more +
  • + + See more +
    • @@ -76,46 +78,11 @@ const versions = [...site.available_versions].reverse().slice(0, 10); From 273e78e385932903113571131ad73501e62aee01 Mon Sep 17 00:00:00 2001 From: losrebellos Date: Wed, 7 Oct 2026 16:25:17 +0200 Subject: [PATCH 11/11] Url to latest when targeted by the dropdown --- src/components/chrome/VersionSelector.astro | 5 ++++- src/pages/docs/all.astro | 8 +++++++- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/chrome/VersionSelector.astro b/src/components/chrome/VersionSelector.astro index 887b5638bb..00c72ab3ad 100644 --- a/src/components/chrome/VersionSelector.astro +++ b/src/components/chrome/VersionSelector.astro @@ -26,7 +26,10 @@ const versions = [...site.available_versions].reverse().slice(0, 10); const support = site.data.version_support[v]; return (
  • - +
    {v} {support?.status === "unsupported" ? ( diff --git a/src/pages/docs/all.astro b/src/pages/docs/all.astro index 953d3147a9..114b4801e2 100644 --- a/src/pages/docs/all.astro +++ b/src/pages/docs/all.astro @@ -51,7 +51,13 @@ const dirname = path.dirname(fileURLToPath(import.meta.url)); return (

  • - + {version}{" "} {support.status === "unsupported" ? (