3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-31 23:40:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(theme): apply docs sidebar_class_name in DocCard + better dogfooding (#10909)

Browse source
This commit is contained in:
Sébastien Lorber 2025-02-06 13:08:33 +01:00 • committed by GitHub
parent 0162f6abc6
commit b76f0feadc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 97 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/docusaurus-theme-classic/src/theme/DocCard/index.tsx
View file

@ -43,34 +43,38 @@ function useCategoryItemsPlural() {
}
function CardContainer({
className,
href,
children,
}: {
className?: string;
href: string;
children: ReactNode;
}): ReactNode {
return (
<Link
href={href}
className={clsx('card padding--lg', styles.cardContainer)}>
className={clsx('card padding--lg', styles.cardContainer, className)}>
{children}
</Link>
);
}
function CardLayout({
className,
href,
icon,
title,
description,
}: {
className?: string;
href: string;
icon: ReactNode;
title: string;
description?: string;
}): ReactNode {
return (
<CardContainer href={href}>
<CardContainer href={href} className={className}>
<Heading
as="h2"
className={clsx('text--truncate', styles.cardTitle)}
@ -99,6 +103,7 @@ function CardCategory({item}: {item: PropSidebarItemCategory}): ReactNode {
return (
<CardLayout
className={item.className}
href={href}
icon="🗃️"
title={item.label}
@ -112,6 +117,7 @@ function CardLink({item}: {item: PropSidebarItemLink}): ReactNode {
const doc = useDocById(item.docId ?? undefined);
return (
<CardLayout
className={item.className}
href={item.href}
icon={icon}
title={item.label}