3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-22 20:47:53 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): remove empty containers when no data in blog pages (#1963)

Browse source
This commit is contained in:
Alexey Pyltsyn 2019-11-12 07:48:39 +03:00 • committed by Yangshun Tay
parent ed099da3ba
commit 3df601c2fa
2 changed files with 18 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

20
packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
View file

@ -89,10 +89,10 @@ function BlogPostItem(props) {
<article className="markdown"> <article className="markdown">
<MDXProvider components={MDXComponents}>{children}</MDXProvider> <MDXProvider components={MDXComponents}>{children}</MDXProvider>
</article> </article>
<div className="row margin-vert--lg"> {(tags.length > 0 || truncated) && (
<div className="col"> <div className="row margin-vert--lg">
{tags.length > 0 && ( {tags.length > 0 && (
<> <div className="col">
<strong>Tags:</strong> <strong>Tags:</strong>
{tags.map(({label, permalink: tagPermalink}) => ( {tags.map(({label, permalink: tagPermalink}) => (
<Link <Link
@ -102,17 +102,17 @@ function BlogPostItem(props) {
{label} {label}
</Link> </Link>
))} ))}
</> </div>
)} )}
</div>
<div className="col text--right">
{truncated && ( {truncated && (
<Link to={metadata.permalink}> <div className="col text--right">
<strong>Read More</strong> <Link to={metadata.permalink}>
</Link> <strong>Read More</strong>
</Link>
</div>
)} )}
</div> </div>
</div> )}
</div> </div>
); );
} }

14
packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.js
View file

@ -23,12 +23,14 @@ function BlogPostPage(props) {
<BlogPostItem frontMatter={frontMatter} metadata={metadata}> <BlogPostItem frontMatter={frontMatter} metadata={metadata}>
<BlogPostContents /> <BlogPostContents />
</BlogPostItem> </BlogPostItem>
<div className="margin-vert--xl"> {(metadata.nextItem || metadata.prevItem) && (
<BlogPostPaginator <div className="margin-vert--xl">
nextItem={metadata.nextItem} <BlogPostPaginator
prevItem={metadata.prevItem} nextItem={metadata.nextItem}
/> prevItem={metadata.prevItem}
</div> />
</div>
)}
</div> </div>
</div> </div>
</div> </div>