From be1def99166384edcd142b1434ea088e53f3c251 Mon Sep 17 00:00:00 2001 From: y3drk Date: Tue, 19 May 2026 12:42:50 +0200 Subject: [PATCH 1/7] Make Reference>Contributing navbar element expanded by default --- .../config/integrations/starlight/sidebar-topics/reference.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/ensnode.io/config/integrations/starlight/sidebar-topics/reference.ts b/docs/ensnode.io/config/integrations/starlight/sidebar-topics/reference.ts index 93f5a4c5fd..c281f98861 100644 --- a/docs/ensnode.io/config/integrations/starlight/sidebar-topics/reference.ts +++ b/docs/ensnode.io/config/integrations/starlight/sidebar-topics/reference.ts @@ -63,7 +63,7 @@ export const referenceSidebarTopic = { }, { label: "Contributing", - collapsed: true, + collapsed: false, items: [ { label: "Overview", link: "/docs/reference/contributing" }, { label: "Creating Pull Requests", link: "/docs/reference/contributing/prs" }, From 373f4e4c5ae1e272c813daa69744e89b5a42c33a Mon Sep 17 00:00:00 2001 From: y3drk Date: Tue, 19 May 2026 13:37:54 +0200 Subject: [PATCH 2/7] Add ENSAdmin logo to the 'Run in ENSAdmin' button in Omnigraph API example panel --- .../atoms/logos/astro/ENSAdminLogoDark.astro | 50 ++++++++++++ .../atoms/logos/astro/ENSAdminLogoLight.astro | 56 +++++++++++++ .../atoms/logos/astro/ENSNodeLogoDark.astro | 81 +++++++++++++++++++ .../atoms/logos/astro/ENSNodeLogoLight.astro | 81 +++++++++++++++++++ .../atoms/logos/astro/shared-types.ts | 5 ++ .../molecules/HostedEnsNodeInstances.astro | 46 +---------- .../molecules/OmnigraphAPIExamplePanels.astro | 4 +- 7 files changed, 279 insertions(+), 44 deletions(-) create mode 100644 docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro create mode 100644 docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoLight.astro create mode 100644 docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoDark.astro create mode 100644 docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoLight.astro create mode 100644 docs/ensnode.io/src/components/atoms/logos/astro/shared-types.ts diff --git a/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro b/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro new file mode 100644 index 0000000000..fc0fe437f8 --- /dev/null +++ b/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro @@ -0,0 +1,50 @@ +--- +import type { AstroLogoProps } from "./shared-types"; + +const { className, ...props } = Astro.props as AstroLogoProps; +--- + + + + + + + + + + + + + + + + + + + diff --git a/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoLight.astro b/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoLight.astro new file mode 100644 index 0000000000..97e1eadc18 --- /dev/null +++ b/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoLight.astro @@ -0,0 +1,56 @@ +--- +import type { AstroLogoProps } from "./shared-types"; + +const { className, ...props } = Astro.props as AstroLogoProps; +--- + + + + + + + + + + + + + + + + + + + diff --git a/docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoDark.astro b/docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoDark.astro new file mode 100644 index 0000000000..50b94e3120 --- /dev/null +++ b/docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoDark.astro @@ -0,0 +1,81 @@ +--- +import type { AstroLogoProps } from "./shared-types"; + +const { className, ...props } = Astro.props as AstroLogoProps; +--- + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoLight.astro b/docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoLight.astro new file mode 100644 index 0000000000..679cd71720 --- /dev/null +++ b/docs/ensnode.io/src/components/atoms/logos/astro/ENSNodeLogoLight.astro @@ -0,0 +1,81 @@ +--- +import type { AstroLogoProps } from "./shared-types"; + +const { className, ...props } = Astro.props as AstroLogoProps; +--- + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/ensnode.io/src/components/atoms/logos/astro/shared-types.ts b/docs/ensnode.io/src/components/atoms/logos/astro/shared-types.ts new file mode 100644 index 0000000000..8ad27f76b1 --- /dev/null +++ b/docs/ensnode.io/src/components/atoms/logos/astro/shared-types.ts @@ -0,0 +1,5 @@ +import type { HTMLAttributes } from "astro/types"; + +export interface AstroLogoProps extends HTMLAttributes<"svg"> { + className?: string; +} diff --git a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstances.astro b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstances.astro index ede2eefc27..425bc4e76b 100644 --- a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstances.astro +++ b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstances.astro @@ -1,4 +1,6 @@ --- +import ENSAdminLogoDark from "@components/atoms/logos/astro/ENSAdminLogoDark.astro"; + const { instanceURL, connectWithENSAdminURL, namespace, plugins, purpose } = Astro.props; --- @@ -9,49 +11,7 @@ const { instanceURL, connectWithENSAdminURL, namespace, plugins, purpose } = Ast {instanceURL} - - - - - - - - - - - - - - - - - - +

Connect with ENSAdmin

 diff --git a/docs/ensnode.io/src/components/molecules/OmnigraphAPIExamplePanels.astro b/docs/ensnode.io/src/components/molecules/OmnigraphAPIExamplePanels.astro index efa33c3bcc..ec23a69409 100644 --- a/docs/ensnode.io/src/components/molecules/OmnigraphAPIExamplePanels.astro +++ b/docs/ensnode.io/src/components/molecules/OmnigraphAPIExamplePanels.astro @@ -2,6 +2,7 @@ import { Code } from "@astrojs/starlight/components"; import { buildOmnigraphCurlExample, getHostedEnsNodeInstanceDocUrl } from "@lib/playground/utils"; +import ENSAdminLogoDark from "@components/atoms/logos/astro/ENSAdminLogoDark.astro"; export interface OmnigraphAPIExamplePanelsProps { /** Unique id prefix for aria / tab wiring (e.g. example id). */ @@ -61,11 +62,12 @@ const tabList: { id: string; label: string }[] = [ style="top: calc(var(--sl-nav-height, 3.5rem) + var(--sl-mobile-toc-height, 0px) + 0.25rem);" > + Run in ENSAdmin
Hosted at - {instanceURL} + {instanceURL} diff --git a/docs/ensnode.io/src/styles/starlight.css b/docs/ensnode.io/src/styles/starlight.css index b0d9bd00d8..11575ee0fb 100644 --- a/docs/ensnode.io/src/styles/starlight.css +++ b/docs/ensnode.io/src/styles/starlight.css @@ -200,6 +200,19 @@ a[rel="prev"]:hover { color: var(--sl-color-accent); } +.sl-markdown-content > p a:not(:has(code)), +.sl-markdown-content :is(ul, ol) > li a:not(:has(code)), +.starlight-aside__content a { + text-decoration: underline; + text-underline-offset: 4px; + + transition: all 0.2s ease-in-out; + + &:hover { + text-underline-offset: 2px; + } +} + .sl-markdown-content :is(h1, h2, h3, h4, h5, h6) > a { color: var(--sl-color-white); display: inline; From 9e8cdb11ec094227788dfecdf50e7f5a5946f1f0 Mon Sep 17 00:00:00 2001 From: y3drk Date: Tue, 19 May 2026 16:00:04 +0200 Subject: [PATCH 4/7] Fix lower level expandable sidebar topics styling --- docs/ensnode.io/src/styles/starlight.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/ensnode.io/src/styles/starlight.css b/docs/ensnode.io/src/styles/starlight.css index 11575ee0fb..6f1c092e25 100644 --- a/docs/ensnode.io/src/styles/starlight.css +++ b/docs/ensnode.io/src/styles/starlight.css @@ -329,3 +329,8 @@ a.starlight-sidebar-topics-current .starlight-sidebar-topics-icon { filter 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } + +/* Make sure that all non-top-level sidebar items are not enlarged */ +ul.top-level details details > summary .group-label span { + font-size: var(--sl-text-sm); +} From b51f2ff32036a52f299c30d516d9440714f73df9 Mon Sep 17 00:00:00 2001 From: y3drk Date: Tue, 19 May 2026 16:40:09 +0200 Subject: [PATCH 5/7] Fix mobile sidebar social icons --- .../components/molecules/HeaderButtons.tsx | 20 ++++++++++++++++--- .../components/overrides/SocialIcons.astro | 2 +- docs/ensnode.io/src/styles/starlight.css | 9 ++++++++- 3 files changed, 26 insertions(+), 5 deletions(-) diff --git a/docs/ensnode.io/src/components/molecules/HeaderButtons.tsx b/docs/ensnode.io/src/components/molecules/HeaderButtons.tsx index 3a2706879b..af186ea56d 100644 --- a/docs/ensnode.io/src/components/molecules/HeaderButtons.tsx +++ b/docs/ensnode.io/src/components/molecules/HeaderButtons.tsx @@ -8,11 +8,20 @@ import cc from "classcat"; export type HeaderButtonsProps = { isScrollable: boolean; + mobileAdaptable?: boolean; }; -export default function HeaderButtons({ isScrollable }: HeaderButtonsProps) { +export default function HeaderButtons({ + isScrollable, + mobileAdaptable = true, +}: HeaderButtonsProps) { return ( <> -
+ -
+
diff --git a/docs/ensnode.io/src/components/overrides/SocialIcons.astro b/docs/ensnode.io/src/components/overrides/SocialIcons.astro index 494f5f0339..fb503600b3 100644 --- a/docs/ensnode.io/src/components/overrides/SocialIcons.astro +++ b/docs/ensnode.io/src/components/overrides/SocialIcons.astro @@ -2,4 +2,4 @@ import HeaderButtons from "../molecules/HeaderButtons"; --- - \ No newline at end of file + diff --git a/docs/ensnode.io/src/styles/starlight.css b/docs/ensnode.io/src/styles/starlight.css index 6f1c092e25..b982768cd9 100644 --- a/docs/ensnode.io/src/styles/starlight.css +++ b/docs/ensnode.io/src/styles/starlight.css @@ -332,5 +332,12 @@ a.starlight-sidebar-topics-current .starlight-sidebar-topics-icon { /* Make sure that all non-top-level sidebar items are not enlarged */ ul.top-level details details > summary .group-label span { - font-size: var(--sl-text-sm); + @media (min-width: 50rem) { + font-size: var(--sl-text-sm); + } +} + +/* Make sure that social icons in the sidebar do not move on hover */ +.sidebar-content .social-icons a { + transform: none !important; } From bad3bf6f5c8c0adc2f01b8f7ec62a063fc4d9504 Mon Sep 17 00:00:00 2001 From: y3drk Date: Tue, 19 May 2026 17:12:21 +0200 Subject: [PATCH 6/7] Display 'Cancel' button in search modal for mobile displays --- docs/ensnode.io/src/styles/globals.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/docs/ensnode.io/src/styles/globals.css b/docs/ensnode.io/src/styles/globals.css index e0e6eb0100..b4fcd64276 100644 --- a/docs/ensnode.io/src/styles/globals.css +++ b/docs/ensnode.io/src/styles/globals.css @@ -97,7 +97,22 @@ div.header { } .dialog-frame button { - visibility: hidden; + @media (min-width: 50rem) { + visibility: hidden; + } + + border-radius: 8px; + background-color: black; + color: white; + padding: 6px 10px; + line-height: normal; + font-size: 16px; + height: fit-content; + margin-top: 10px; + + &:hover { + background-color: #272727; + } } /* Home page search dialog styles */ From 703389283e8ce890fa673be7bc1666ab2a7f4e33 Mon Sep 17 00:00:00 2001 From: y3drk Date: Tue, 19 May 2026 18:06:32 +0200 Subject: [PATCH 7/7] Apply ai assistant's suggestions, pt.1 --- .../atoms/logos/astro/ENSAdminLogoDark.astro | 12 ++++++++---- .../atoms/logos/astro/ENSAdminLogoLight.astro | 12 ++++++++---- .../atoms/logos/astro/ENSNodeLogoDark.astro | 12 ++++++++---- .../atoms/logos/astro/ENSNodeLogoLight.astro | 12 ++++++++---- docs/ensnode.io/src/styles/globals.css | 8 ++++++-- docs/ensnode.io/src/styles/starlight.css | 4 +++- 6 files changed, 41 insertions(+), 19 deletions(-) diff --git a/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro b/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro index fc0fe437f8..b67a3671d3 100644 --- a/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro +++ b/docs/ensnode.io/src/components/atoms/logos/astro/ENSAdminLogoDark.astro @@ -2,6 +2,10 @@ import type { AstroLogoProps } from "./shared-types"; const { className, ...props } = Astro.props as AstroLogoProps; + +const uid = crypto.randomUUID(); +const radialGradientId = `paint0_radial_${uid}`; +const linearGradientId = `paint1_linear_${uid}`; --- - - + + @@ -24,7 +28,7 @@ const { className, ...props } = Astro.props as AstroLogoProps; /> @@ -30,7 +34,7 @@ const { className, ...props } = Astro.props as AstroLogoProps; /> @@ -35,7 +39,7 @@ const { className, ...props } = Astro.props as AstroLogoProps; /> @@ -53,7 +57,7 @@ const { className, ...props } = Astro.props as AstroLogoProps; /> @@ -35,7 +39,7 @@ const { className, ...props } = Astro.props as AstroLogoProps; /> @@ -53,7 +57,7 @@ const { className, ...props } = Astro.props as AstroLogoProps; /> button { @media (min-width: 50rem) { - visibility: hidden; + display: none; } border-radius: 8px; diff --git a/docs/ensnode.io/src/styles/starlight.css b/docs/ensnode.io/src/styles/starlight.css index b982768cd9..7c7d35ada2 100644 --- a/docs/ensnode.io/src/styles/starlight.css +++ b/docs/ensnode.io/src/styles/starlight.css @@ -206,7 +206,9 @@ a[rel="prev"]:hover { text-decoration: underline; text-underline-offset: 4px; - transition: all 0.2s ease-in-out; + transition: + color 0.2s ease-in-out, + text-underline-offset 0.2s ease-in-out; &:hover { text-underline-offset: 2px;