3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-05 21:27:24 +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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
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>
{(tags.length > 0 || truncated) && (
<div className="row margin-vert--lg"> <div className="row margin-vert--lg">
<div className="col">
{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 && (
<div className="col text--right">
<Link to={metadata.permalink}> <Link to={metadata.permalink}>
<strong>Read More</strong> <strong>Read More</strong>
</Link> </Link>
</div>
)} )}
</div> </div>
</div> )}
</div> </div>
); );
} }

2
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>
{(metadata.nextItem || metadata.prevItem) && (
<div className="margin-vert--xl"> <div className="margin-vert--xl">
<BlogPostPaginator <BlogPostPaginator
nextItem={metadata.nextItem} nextItem={metadata.nextItem}
prevItem={metadata.prevItem} prevItem={metadata.prevItem}
/> />
</div> </div>
)}
</div> </div>
</div> </div>
</div> </div>