From bcc5daff5fe992876939568bacd14cc8fd6d4b21 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Tue, 7 Oct 2025 22:19:04 +0530 Subject: [PATCH 01/25] feat: remove breadcurmp and make body content center --- docusaurus.config.ts | 1 + src/css/custom.css | 46 +++++++++++++++++++++++++++++++++++++ src/theme/DocItem/index.tsx | 20 ++++++++++++++++ 3 files changed, 67 insertions(+) create mode 100644 src/theme/DocItem/index.tsx diff --git a/docusaurus.config.ts b/docusaurus.config.ts index c7ce3e6..82f32fc 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -43,6 +43,7 @@ const config: Config = { sidebarPath: "./sidebars.ts", routeBasePath: "/", // Serve docs at root editUrl: "https://github.com/tscircuit/docs/tree/main/", + breadcrumbs: false, }, theme: { customCss: "./src/css/custom.css", diff --git a/src/css/custom.css b/src/css/custom.css index aa7d422..2f8e0fb 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -493,6 +493,30 @@ body { overflow-x: hidden; } +.doc-section-subtitle { + font-size: 1rem; + font-weight: 700; + color: var(--ifm-color-primary); + letter-spacing: 0.05em; + margin-bottom: 0.5rem; + line-height: 1.2; + text-align: left; + white-space: nowrap; + max-width: 900px; + margin-left: auto; + margin-right: auto; + padding-left: 2rem; + padding-right: 2rem; +} + +[data-theme="dark"] .doc-section-subtitle { + color: var(--ifm-color-primary-lighter); +} + +article header h1 { + text-align: left !important; +} + .skeleton-container { width: 100%; height: 600px; @@ -532,3 +556,25 @@ body { transform: translate(100%, 100%) rotate(30deg); } } + +.col.col--3 { + display: none !important; +} + +.table-of-contents, +.theme-doc-toc-desktop { + display: none !important; +} + +.col:not(.col--3) { + max-width: 1000px !important; + margin-left: auto !important; + margin-right: auto !important; +} + +article, +.markdown { + max-width: 100% !important; + padding-left: 2rem !important; + padding-right: 2rem !important; +} diff --git a/src/theme/DocItem/index.tsx b/src/theme/DocItem/index.tsx new file mode 100644 index 0000000..b5a2287 --- /dev/null +++ b/src/theme/DocItem/index.tsx @@ -0,0 +1,20 @@ +import React from "react" +import DocItem from "@theme-original/DocItem" +import type DocItemType from "@theme/DocItem" +import type { WrapperProps } from "@docusaurus/types" +import { useCurrentSidebarCategory } from "@docusaurus/theme-common/internal" +type Props = WrapperProps + +export default function DocItemWrapper(props: Props): React.JSX.Element { + const currentCategory = useCurrentSidebarCategory() as + | { label: string } + | undefined + return ( + <> + {currentCategory && ( +
{currentCategory.label}
+ )} + + + ) +} From a24918018598a6e5ee1f324c9eda681a1a95f699 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Tue, 7 Oct 2025 22:25:15 +0530 Subject: [PATCH 02/25] proper align --- src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 0effec2..0c5f905 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -570,7 +570,7 @@ article header h1 { /* Force center all documentation content */ .col:not(.col--3) { - max-width: 900px !important; + max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; } From 24ef7bd9f9826b94898815cc0a2beed6594eea2c Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Tue, 7 Oct 2025 23:25:24 +0530 Subject: [PATCH 03/25] Fix: Section Overview Grid Layout --- src/css/custom.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index 0c5f905..4db1c34 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -575,6 +575,26 @@ article header h1 { margin-right: auto !important; } +/* Force section overview to center */ +.generatedIndexPage_vN6x { + max-width: 980px; + margin: 0 auto; + float: none; +} + +.generatedIndexPage_vN6x .row .col--6 { + flex: 0 0 calc(50% - 0.75rem) !important; + max-width: calc(50% - 0.75rem) !important; +} + +.generatedIndexPage_vN6x .row { + display: flex !important; + flex-wrap: wrap !important; + gap: 1.5rem !important; + justify-content: center !important; +} + + article, .markdown { max-width: 100% !important; @@ -612,3 +632,10 @@ article, ); } } + +@media (max-width: 768px) { + .generatedIndexPage_vN6x .row .col--6 { + flex: 0 0 100% !important; + max-width: 100% !important; + } +} From 8031f2ed498be383ff5d46e58d925d7fa1055af5 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Tue, 7 Oct 2025 23:26:34 +0530 Subject: [PATCH 04/25] format --- src/css/custom.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 4db1c34..77bd5ed 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -594,7 +594,6 @@ article header h1 { justify-content: center !important; } - article, .markdown { max-width: 100% !important; From 432da5924b7365d66a1ac4fe0d9b9cd6236dbeee Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Tue, 7 Oct 2025 23:44:16 +0530 Subject: [PATCH 05/25] Remove hash build --- src/css/custom.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 77bd5ed..a74c811 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -576,18 +576,18 @@ article header h1 { } /* Force section overview to center */ -.generatedIndexPage_vN6x { +.generatedIndexPage { max-width: 980px; margin: 0 auto; float: none; } -.generatedIndexPage_vN6x .row .col--6 { +.generatedIndexPage .row .col--6 { flex: 0 0 calc(50% - 0.75rem) !important; max-width: calc(50% - 0.75rem) !important; } -.generatedIndexPage_vN6x .row { +.generatedIndexPage .row { display: flex !important; flex-wrap: wrap !important; gap: 1.5rem !important; From fbb3c191480b993c270ba3b691e82f041c988cec Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 14:54:45 +0530 Subject: [PATCH 06/25] remove dependecy on hash possibly --- src/css/custom.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index a74c811..4dadde8 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -575,19 +575,19 @@ article header h1 { margin-right: auto !important; } -/* Force section overview to center */ -.generatedIndexPage { +/* Force section overview to center - using stable attribute selector */ +[class*="generatedIndexPage"] { max-width: 980px; margin: 0 auto; float: none; } -.generatedIndexPage .row .col--6 { +[class*="generatedIndexPage"] .row .col--6 { flex: 0 0 calc(50% - 0.75rem) !important; max-width: calc(50% - 0.75rem) !important; } -.generatedIndexPage .row { +[class*="generatedIndexPage"] .row { display: flex !important; flex-wrap: wrap !important; gap: 1.5rem !important; @@ -633,7 +633,7 @@ article, } @media (max-width: 768px) { - .generatedIndexPage_vN6x .row .col--6 { + [class*="generatedIndexPage"] .row .col--6 { flex: 0 0 100% !important; max-width: 100% !important; } From 5b0a76d5ef3581f24f5cc0f6e4dfb8f15ead69a9 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 15:06:44 +0530 Subject: [PATCH 07/25] Fix the subtitle moving left on smaller screens --- src/css/custom.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 4dadde8..a8ae882 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -502,11 +502,12 @@ body { line-height: 1.2; text-align: left; white-space: nowrap; - max-width: 900px; + max-width: 970px; margin-left: auto; margin-right: auto; - padding-left: 2rem; + padding-left: 4rem; padding-right: 2rem; + box-sizing: border-box; } [data-theme="dark"] .doc-section-subtitle { From 3436142c9e3b4db0f6cd77cba98270971955f516 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 15:11:55 +0530 Subject: [PATCH 08/25] Remove Kerning from subtitle --- src/css/custom.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index a8ae882..be2e020 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -497,7 +497,6 @@ body { font-size: 1rem; font-weight: 700; color: var(--ifm-color-primary); - letter-spacing: 0.05em; margin-bottom: 0.5rem; line-height: 1.2; text-align: left; From 8e1d993562da5c7db3d927c31a996621ba96b2ab Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 15:20:32 +0530 Subject: [PATCH 09/25] Reduce header and subheader size (h1,h2,h3,h4) to match mintlify --- src/css/custom.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index be2e020..836846b 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -515,6 +515,23 @@ body { article header h1 { text-align: left !important; + font-size: 2rem !important; + font-weight: 650 !important; +} + +article h2 { + font-size: 1.5rem !important; + font-weight: 630 !important; +} + +article h3 { + font-size: 1.25rem !important; + font-weight: 600 !important; +} + +article h4 { + font-size: 1.1rem !important; + font-weight: 600 !important; } .skeleton-container { From 549b5812dfff5dff8fc18e0cba5dfec207b7f959 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 15:33:06 +0530 Subject: [PATCH 10/25] make icon smaller and match there height to the Title --- src/css/custom.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 836846b..26a1528 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -263,10 +263,12 @@ figure img { > .menu__link::before { content: ""; display: inline-block; - width: 18px; - height: 18px; - margin-right: 12px; - vertical-align: middle; + width: 14px; + height: 14px; + margin-right: 10px; + vertical-align: baseline; + position: relative; + top: 1px; background-size: contain; background-repeat: no-repeat; background-position: center; From c111081379c63ae953d2421092073560f5e01358 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 15:51:39 +0530 Subject: [PATCH 11/25] fix pitch black color of left headers --- src/css/custom.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 26a1528..5fc355e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -248,13 +248,13 @@ figure img { > .menu__list-item-collapsible > .menu__link { font-weight: 600; - color: #000000; + color: #181c1a; } [data-theme="dark"] .theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link { - color: #ffffff; + color: #cbd5e0; } /* Add icons to top-level sidebar sections only */ @@ -518,7 +518,8 @@ body { article header h1 { text-align: left !important; font-size: 2rem !important; - font-weight: 650 !important; + font-weight: 600 !important; + text-shadow: 0 0 0.8px currentColor; } article h2 { @@ -529,6 +530,7 @@ article h2 { article h3 { font-size: 1.25rem !important; font-weight: 600 !important; + text-shadow: 0 0 0.5px currentColor; } article h4 { From 3d5832daa8b83f963297d27ff3d58179015548a0 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Wed, 8 Oct 2025 17:09:30 +0530 Subject: [PATCH 12/25] feat: same length from left margin to the left sidebar content --- src/css/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/css/custom.css b/src/css/custom.css index 5fc355e..1b1713d 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -448,6 +448,7 @@ figure img { .menu__list-item .menu__link { padding-top: 5px; padding-bottom: 5px; + padding-left: 20px; } @media (max-width: 768px) { From 0e4f82362d1e99fe62142490aac4b6228bb21e94 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 07:43:58 +0530 Subject: [PATCH 13/25] Remove the on this page on mobile view --- src/css/custom.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 1b1713d..fa638bb 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -586,7 +586,8 @@ article h4 { } .table-of-contents, -.theme-doc-toc-desktop { +.theme-doc-toc-desktop, +.theme-doc-toc-mobile { display: none !important; } From 48966eefd51c0c11bac69ac624e2eac5b125a21a Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 08:08:46 +0530 Subject: [PATCH 14/25] Fix margin on mobile view left and right --- src/css/custom.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index fa638bb..15af400 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -512,6 +512,13 @@ body { box-sizing: border-box; } +@media (max-width: 768px) { + .doc-section-subtitle { + padding-left: 2rem; + padding-right: 1rem; + } +} + [data-theme="dark"] .doc-section-subtitle { color: var(--ifm-color-primary-lighter); } @@ -624,6 +631,14 @@ article, padding-right: 2rem !important; } +@media (max-width: 768px) { + article, + .markdown { + padding-left: 0.9rem !important; + padding-right: 0.9rem !important; + } +} + .tscircuit-iframe { display: block; width: 100%; From d6ef34c5490bc96adf19e55d437aa5981f52a262 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 08:14:04 +0530 Subject: [PATCH 15/25] add top margin --- src/css/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/css/custom.css b/src/css/custom.css index 15af400..1a39ef5 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -501,6 +501,7 @@ body { font-weight: 700; color: var(--ifm-color-primary); margin-bottom: 0.5rem; + margin-top: 1.8rem; line-height: 1.2; text-align: left; white-space: nowrap; From baa0a873da91446186174c4c629866b065c2eb17 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 08:33:33 +0530 Subject: [PATCH 16/25] Fix font style and line space looking more minltifyed --- src/css/custom.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 1a39ef5..372374e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -4,8 +4,12 @@ * work well for content-centric websites. */ +@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&display=swap"); + /* You can override the default Infima variables here. */ :root { + --ifm-font-family-base: "Google Sans", system-ui, -apple-system, sans-serif; + --ifm-heading-font-family: "Google Sans", system-ui, -apple-system, sans-serif; --ifm-color-primary: #1877f2; --ifm-color-primary-dark: #166bda; --ifm-color-primary-darker: #1564ce; @@ -526,25 +530,31 @@ body { article header h1 { text-align: left !important; - font-size: 2rem !important; + font-size: 1.9rem !important; font-weight: 600 !important; text-shadow: 0 0 0.8px currentColor; + letter-spacing: -0.025em; + margin-bottom: 0.6rem !important; } article h2 { font-size: 1.5rem !important; font-weight: 630 !important; + letter-spacing: -0.025em; + margin-bottom: 0.8rem !important; } article h3 { font-size: 1.25rem !important; font-weight: 600 !important; text-shadow: 0 0 0.5px currentColor; + letter-spacing: -0.025em; } article h4 { font-size: 1.1rem !important; font-weight: 600 !important; + letter-spacing: -0.025em; } .skeleton-container { From 0f8e1eaf92861ccf0436a28ce76d436f585ec67d Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 08:41:33 +0530 Subject: [PATCH 17/25] lighter blue for subtitle --- src/css/custom.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 372374e..86b9988 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -503,7 +503,7 @@ body { .doc-section-subtitle { font-size: 1rem; font-weight: 700; - color: var(--ifm-color-primary); + color: #6aa4f6; margin-bottom: 0.5rem; margin-top: 1.8rem; line-height: 1.2; @@ -525,7 +525,7 @@ body { } [data-theme="dark"] .doc-section-subtitle { - color: var(--ifm-color-primary-lighter); + color: #8bb2ff; } article header h1 { From 502db1e0d18b6b90267d4fa0d842ab378ce613a7 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 16:06:56 +0530 Subject: [PATCH 18/25] Use light color for Subtitle --- src/css/custom.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 86b9988..7c81bc6 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -503,7 +503,7 @@ body { .doc-section-subtitle { font-size: 1rem; font-weight: 700; - color: #6aa4f6; + color: var(--ifm-color-primary-light); margin-bottom: 0.5rem; margin-top: 1.8rem; line-height: 1.2; @@ -525,7 +525,7 @@ body { } [data-theme="dark"] .doc-section-subtitle { - color: #8bb2ff; + color: var(--ifm-color-primary-lightest); } article header h1 { From c1e95e01748e76b10e7d4e4f7d25de41bad0bb9d Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 16:11:26 +0530 Subject: [PATCH 19/25] Fix text shadow whatsoever --- src/css/custom.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 7c81bc6..d244be4 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -532,7 +532,7 @@ article header h1 { text-align: left !important; font-size: 1.9rem !important; font-weight: 600 !important; - text-shadow: 0 0 0.8px currentColor; + text-shadow: 0 0 0.1px currentColor; letter-spacing: -0.025em; margin-bottom: 0.6rem !important; } @@ -547,7 +547,7 @@ article h2 { article h3 { font-size: 1.25rem !important; font-weight: 600 !important; - text-shadow: 0 0 0.5px currentColor; + text-shadow: 0 0 0.1px currentColor; letter-spacing: -0.025em; } From 90468c081bb8effae82cd6e46c3bf564aff1289b Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 16:27:46 +0530 Subject: [PATCH 20/25] Add more space after intial header --- src/css/custom.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index d244be4..db900d0 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -557,6 +557,10 @@ article h4 { letter-spacing: -0.025em; } +.markdown > p:first-of-type { + margin-bottom: 2rem !important; +} + .skeleton-container { width: 100%; height: 600px; From c4309bf20d7aaed221a4af7370e5880d3a117ff1 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 18:53:46 +0530 Subject: [PATCH 21/25] Fix the Header icon positioning and spacing also fix the left side navbar icon inlinement --- docusaurus.config.ts | 4 ++-- src/css/custom.css | 56 +++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 55 insertions(+), 5 deletions(-) diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 82f32fc..1966ec2 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -178,13 +178,13 @@ const config: Config = { { href: "https://discord.com/invite/V7FGE5ZCbA", position: "right", - className: "header-discord-link", + className: "header-discord-link header-icon-link", html: 'Discord', }, { href: "https://github.com/tscircuit/tscircuit", position: "right", - className: "header-github-link", + className: "header-github-link header-icon-link", html: 'GitHub', }, ], diff --git a/src/css/custom.css b/src/css/custom.css index db900d0..925f4af 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -243,6 +243,51 @@ figure img { font-size: 14px; } +.navbar__brand { + margin-right: 0rem !important; +} + +.navbar__items--right { + display: flex !important; + align-items: center !important; + gap: 0.5rem !important; +} + +.navbar__items--right .navbar__item { + margin: 0 !important; + display: flex !important; + align-items: center !important; +} + +.header-discord-link, +.header-github-link { + padding: 0.5rem !important; + display: flex !important; + align-items: center !important; + justify-content: center !important; + margin: 0 !important; +} + +.header-github-link img, +.header-discord-link img { + margin: 0 !important; + display: block; +} + +/* Ensure theme toggle aligns with icons */ +.navbar__items--right > div, +.navbar__items--right button { + display: flex !important; + align-items: center !important; + margin: 0 !important; +} + +/* Hide GitHub and Discord icons on mobile */ +@media (max-width: 770px) { + .navbar__item.header-icon-link { + display: none !important; + } +} /* Sidebar section styling - only for top-level categories */ .theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible { margin-left: 12px; @@ -262,17 +307,22 @@ figure img { } /* Add icons to top-level sidebar sections only */ +.theme-doc-sidebar-item-category-level-1 + > .menu__list-item-collapsible + > .menu__link { + display: flex !important; + align-items: center !important; +} + .theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link::before { content: ""; display: inline-block; + flex-shrink: 0; width: 14px; height: 14px; margin-right: 10px; - vertical-align: baseline; - position: relative; - top: 1px; background-size: contain; background-repeat: no-repeat; background-position: center; From 6d53bee517d2c5ba6ba08672b64504be918ef0ca Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 18:57:26 +0530 Subject: [PATCH 22/25] Make section overview page tablular --- src/css/custom.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 925f4af..2feba4a 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -678,15 +678,15 @@ article h4 { } [class*="generatedIndexPage"] .row .col--6 { - flex: 0 0 calc(50% - 0.75rem) !important; - max-width: calc(50% - 0.75rem) !important; + flex: 0 0 100% !important; + max-width: 100% !important; } [class*="generatedIndexPage"] .row { display: flex !important; - flex-wrap: wrap !important; - gap: 1.5rem !important; - justify-content: center !important; + flex-direction: column !important; + gap: 1rem !important; + align-items: stretch !important; } article, From d56ef56bc2e63f526330b6ac2619ece0ff9cc7da Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 19:22:55 +0530 Subject: [PATCH 23/25] Finally add proper padding to left navbar --- src/css/custom.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 2feba4a..ebeb47e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -238,6 +238,15 @@ figure img { font-size: 14px; } +/* Remove left padding from nested menu lists */ +.menu__list .menu__list { + padding-left: 0 !important; +} + +.navbar-sidebar__item { + padding: 1rem; +} + /* Make top navbar links smaller */ .navbar__link { font-size: 14px; @@ -290,7 +299,15 @@ figure img { } /* Sidebar section styling - only for top-level categories */ .theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible { - margin-left: 12px; + margin-left: 0; +} + +/* Add 8px padding to each top-level section and its dropdown contents */ +@media (min-width: 1000px) { + .theme-doc-sidebar-item-category-level-1 { + padding-left: 8px; + padding-right: 8px; + } } .theme-doc-sidebar-item-category-level-1 @@ -502,7 +519,15 @@ figure img { .menu__list-item .menu__link { padding-top: 5px; padding-bottom: 5px; - padding-left: 20px; + padding-left: 16px !important; + padding-right: 16px !important; +} + +/* Ensure hover and active states maintain padding */ +.menu__link:hover, +.menu__link--active { + padding-left: 16px !important; + padding-right: 16px !important; } @media (max-width: 768px) { From 0d511e43e33a43e0382b7e164b850264e5cd9746 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 19:38:53 +0530 Subject: [PATCH 24/25] Reduce hamburger icon size --- src/css/custom.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index ebeb47e..42ab7e3 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -252,6 +252,12 @@ figure img { font-size: 14px; } +/* Reduce navbar toggle button SVG size */ +.navbar__toggle svg { + width: 20px !important; + height: 20px !important; +} + .navbar__brand { margin-right: 0rem !important; } From c58e3b9644e5bdef07d70e97d2ea4dafa697d8c4 Mon Sep 17 00:00:00 2001 From: Ayush Jhawar Date: Thu, 9 Oct 2025 19:51:39 +0530 Subject: [PATCH 25/25] Remaining Icon size fixes --- src/css/custom.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/css/custom.css b/src/css/custom.css index 42ab7e3..77ad169 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -258,6 +258,18 @@ figure img { height: 20px !important; } +/* Reduce navbar close button SVG size */ +.navbar-sidebar__close svg { + width: 15px !important; + height: 15px !important; +} + +/* Reduce theme toggle button SVG size */ +.toggleButton_gllP svg { + width: 20px !important; + height: 20px !important; +} + .navbar__brand { margin-right: 0rem !important; }