3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-04 20:57:17 +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

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

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