3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-03 12:17:20 +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,
})}>
{tags.length > 0 && (
<div className="col">
<div className={clsx('col', {'col--9': !isBlogPostPage})}>
<TagsListInline tags={tags} />
</div>
)}
@ -129,7 +129,7 @@ function BlogPostItem(props: Props): JSX.Element {
)}
{!isBlogPostPage && truncated && (
<div className="col text--right">
<div className="col col--3 text--right">
<Link
to={metadata.permalink}
aria-label={`Read more about ${title}`}>

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

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