3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-04 04:37:28 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: make tags wrapping properly (#5422)

Browse source
This commit is contained in:
Alexey Pyltsyn 2021-08-26 15:31:22 +03:00 • committed by GitHub
parent e6f4a9b231
commit 22eebea81e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
View file

@ -117,7 +117,7 @@ function BlogPostItem(props: Props): JSX.Element {
[styles.blogPostDetailsFull]: isBlogPostPage, [styles.blogPostDetailsFull]: isBlogPostPage,
})}> })}>
{tags.length > 0 && ( {tags.length > 0 && (
<div className="col"> <div className={clsx('col', {'col--9': !isBlogPostPage})}>
<TagsListInline tags={tags} /> <TagsListInline tags={tags} />
</div> </div>
)} )}
@ -129,7 +129,7 @@ function BlogPostItem(props: Props): JSX.Element {
)} )}
{!isBlogPostPage && truncated && ( {!isBlogPostPage && truncated && (
<div className="col text--right"> <div className="col col--3 text--right">
<Link <Link
to={metadata.permalink} to={metadata.permalink}
aria-label={`Read more about ${title}`}> aria-label={`Read more about ${title}`}>

6
packages/docusaurus-theme-classic/src/theme/TagsListInline/styles.module.css
View file

@ -6,10 +6,10 @@
*/ */
.tags { .tags {
list-style: none; display: inline;
display: inline-flex;
} }
.tag { .tag {
margin-right: 0.4rem; margin: 0 0.4rem 0.5rem 0;
display: inline-block;
} }