diff --git a/.changeset/late-emus-jog.md b/.changeset/late-emus-jog.md new file mode 100644 index 000000000..34a1d5eb5 --- /dev/null +++ b/.changeset/late-emus-jog.md @@ -0,0 +1,5 @@ +--- +"gitbook": patch +--- + +Header & TOC tweaks diff --git a/packages/gitbook/src/components/Header/HeaderLink.tsx b/packages/gitbook/src/components/Header/HeaderLink.tsx index 0db391565..a90391b4e 100644 --- a/packages/gitbook/src/components/Header/HeaderLink.tsx +++ b/packages/gitbook/src/components/Header/HeaderLink.tsx @@ -115,13 +115,6 @@ function HeaderItemButton( href={href} variant={variant} size="medium" - className={tcls( - { - 'button-primary': - 'theme-bold:bg-header-link theme-bold:text-header-background theme-bold:shadow-none hover:theme-bold:bg-header-link hover:theme-bold:text-header-background hover:theme-bold:shadow-none', - 'button-secondary': '', - }[linkStyle] - )} insights={{ type: 'link_click', link: { diff --git a/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx b/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx index ca02de92a..9cb084cda 100644 --- a/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx +++ b/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx @@ -27,7 +27,7 @@ export function PageGroupItem(props: { page: ClientTOCPageGroup; isFirst?: boole '[html.sidebar-filled.theme-bold.tint_&]:bg-tint-base', 'lg:[html.sidebar-default.theme-gradient_&]:bg-gradient-primary', 'lg:[html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint', - isFirst ? '-mt-4' : '' + isFirst ? '-mt-2 -top-2 rounded-t-2xl pt-2' : '' )} > diff --git a/packages/gitbook/src/components/primitives/Button.tsx b/packages/gitbook/src/components/primitives/Button.tsx index 09981e55c..b4efcfaa7 100644 --- a/packages/gitbook/src/components/primitives/Button.tsx +++ b/packages/gitbook/src/components/primitives/Button.tsx @@ -70,12 +70,12 @@ export const variantClasses = { 'bg-tint-base text-tint', 'hover:theme-clean:bg-tint-subtle', - 'theme-bold:bg-header-link/2', + 'theme-bold:bg-header-link/1', 'theme-bold:text-header-link', 'theme-bold:shadow-none!', 'theme-bold:border-header-link/4', - 'hover:theme-bold:bg-header-link/3', + 'hover:theme-bold:bg-header-link/2', 'hover:theme-bold:text-header-link', 'hover:theme-bold:shadow-none', 'hover:theme-bold:border-header-link/5',