asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs: fix weird scroll behavior (#11668)

Browse Source
This commit is contained in:
Shahed Nasser
2025-02-28 17:34:22 +02:00
committed by GitHub
parent bdf9723239
commit 358400c38c
6 changed files with 31 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/packages/docs-ui/src/components/Heading/H1/index.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ export const H1 = ({ className, ...props }: H1Props) => {
<h1
className={clsx(
"h1-docs [&_code]:!h1-docs [&_code]:!font-mono mb-docs_1 text-medusa-fg-base",
props.id && "scroll-m-56",
props.id && "scroll-m-docs_7",
className
)}
{...props}
www/packages/docs-ui/src/components/Heading/H2/index.tsx
+8 -2
View File
@@ -3,7 +3,7 @@
import clsx from "clsx"
import React from "react"
import { CopyButton, Link } from "@/components"
import { useHeadingUrl } from "../../.."
import { useHeadingUrl, useLayout } from "../../.."
type H2Props = React.HTMLAttributes<HTMLHeadingElement> & {
id?: string
@@ -11,6 +11,8 @@ type H2Props = React.HTMLAttributes<HTMLHeadingElement> & {
}
export const H2 = ({ className, children, passRef, ...props }: H2Props) => {
const { showCollapsedNavbar } = useLayout()
const copyText = useHeadingUrl({
id: props.id || "",
})
@@ -18,7 +20,11 @@ export const H2 = ({ className, children, passRef, ...props }: H2Props) => {
<h2
className={clsx(
"h2-docs [&_code]:!h2-docs [&_code]:!font-mono mb-docs_1 mt-docs_2 text-medusa-fg-base",
props.id && "group/h2 scroll-m-56",
props.id && [
"group/h2",
showCollapsedNavbar && "scroll-m-docs_7",
!showCollapsedNavbar && "scroll-m-56",
],
className
)}
{...props}
www/packages/docs-ui/src/components/Heading/H3/index.tsx
+7 -2
View File
@@ -3,19 +3,24 @@
import clsx from "clsx"
import React from "react"
import { CopyButton, Link } from "@/components"
import { useHeadingUrl } from "../../.."
import { useHeadingUrl, useLayout } from "../../.."
type H3Props = React.HTMLAttributes<HTMLHeadingElement> & {
id?: string
}
export const H3 = ({ className, children, ...props }: H3Props) => {
const { showCollapsedNavbar } = useLayout()
const copyText = useHeadingUrl({ id: props.id || "" })
return (
<h3
className={clsx(
"h3-docs [&_code]:!h3-docs [&_code]:!font-mono my-docs_1 text-medusa-fg-base",
props.id && "group/h3 scroll-m-56",
props.id && [
"group/h3",
showCollapsedNavbar && "scroll-m-docs_7",
!showCollapsedNavbar && "scroll-m-56",
],
className
)}
{...props}