This is an automated email from the ASF dual-hosted git repository. yihua pushed a commit to branch asf-site in repository https://gitbox.apache.org/repos/asf/hudi.git
The following commit(s) were added to refs/heads/asf-site by this push: new 41d93ad481 Revert "[DOCS][MINOR] Added tags and authors list (#5680)" (#5707) 41d93ad481 is described below commit 41d93ad48182720739c36e674a7a636222a8ddca Author: Bhavani Sudha Saktheeswaran <2179254+bhasu...@users.noreply.github.com> AuthorDate: Fri May 27 13:22:28 2022 -0700 Revert "[DOCS][MINOR] Added tags and authors list (#5680)" (#5707) This reverts commit 8f8151b33934576bc5f0dfdadc62b2d717e28ad6. Co-authored-by: Bhavani Sudha Saktheeswaran <sudha@vmacs.local> --- ...-building-Lakehouse-Architecture-at-Halodoc.mdx | 3 - ...odal-Index-for-the-Lakehouse-in-Apache-Hudi.mdx | 3 - website/src/css/custom.css | 7 +- website/src/theme/BlogPostItem/index.js | 83 ++++------------------ website/src/theme/BlogPostItem/styles.module.css | 62 ---------------- 5 files changed, 17 insertions(+), 141 deletions(-) diff --git a/website/blog/2022-04-04-Key-Learnings-on-Using-Apache-HUDI-in-building-Lakehouse-Architecture-at-Halodoc.mdx b/website/blog/2022-04-04-Key-Learnings-on-Using-Apache-HUDI-in-building-Lakehouse-Architecture-at-Halodoc.mdx index e88358f3c7..bcbd27d43a 100644 --- a/website/blog/2022-04-04-Key-Learnings-on-Using-Apache-HUDI-in-building-Lakehouse-Architecture-at-Halodoc.mdx +++ b/website/blog/2022-04-04-Key-Learnings-on-Using-Apache-HUDI-in-building-Lakehouse-Architecture-at-Halodoc.mdx @@ -4,9 +4,6 @@ authors: - name: Jitendra Shah category: blog image: /assets/images/blog/2022-04-04-halodoc-lakehouse-architecture.png -tags: - - Apache Hudi - - Halodoc --- diff --git a/website/blog/2022-05-17-Introducing-Multi-Modal-Index-for-the-Lakehouse-in-Apache-Hudi.mdx b/website/blog/2022-05-17-Introducing-Multi-Modal-Index-for-the-Lakehouse-in-Apache-Hudi.mdx index 400f448ef5..d007cf7a81 100644 --- a/website/blog/2022-05-17-Introducing-Multi-Modal-Index-for-the-Lakehouse-in-Apache-Hudi.mdx +++ b/website/blog/2022-05-17-Introducing-Multi-Modal-Index-for-the-Lakehouse-in-Apache-Hudi.mdx @@ -5,9 +5,6 @@ authors: - name: Ethan Guo category: blog image: /assets/images/blog/2022-05-17-multimodal-index.gif -tags: - - Apache Hudi - - Onehouse --- import Redirect from '@site/src/components/Redirect'; diff --git a/website/src/css/custom.css b/website/src/css/custom.css index 49be37cc07..af1d677bc3 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -210,14 +210,14 @@ footer .container { .blog-list-page article { display: inline-flex; - width: 45%; + width: 28%; margin: 1.2em; vertical-align: bottom; } -@media(max-width:1391px){ +@media(max-width:1145px){ .blog-list-page article { display: inline-flex; - width: 80%; + width: 40%; margin: 1.2em; vertical-align: bottom; } @@ -239,7 +239,6 @@ footer .container { .blogPostTitle_src-theme-BlogPostItem-styles-module{ height: 60px; overflow: hidden; - } h1.blogPostTitle_src-theme-BlogPostItem-styles-module{ diff --git a/website/src/theme/BlogPostItem/index.js b/website/src/theme/BlogPostItem/index.js index 40e44c35d7..5c8954a825 100644 --- a/website/src/theme/BlogPostItem/index.js +++ b/website/src/theme/BlogPostItem/index.js @@ -16,8 +16,7 @@ import styles from './styles.module.css'; import TagsListInline from '@theme/TagsListInline'; import BlogPostAuthors from '@theme/BlogPostAuthors'; // Very simple pluralization: probably good enough for now - import Tag from '@theme/Tag'; - + function useReadingTimePlural() { const {selectMessage} = usePluralForm(); return (readingTimeFloat) => { @@ -63,62 +62,6 @@ const image = assets.image ?? frontMatter.image ?? '/assets/images/logo-big.png'; const truncatedPost = !isBlogPostPage && truncated; const tagsExists = tags.length > 0; - - const tagsList = () => { - return ( - <> - <ul className={clsx(styles.tags, styles.authorTimeTags, 'padding--none', 'margin-left--sm')}> - {tags.map(({label, permalink: tagPermalink}) => ( - <li key={tagPermalink} className={styles.tag}> - <Tag className={clsx(styles.greyLink)} name={label} permalink={tagPermalink} /> - </li> - ))} - </ul> - </> - ); -} -const AuthorsList = () => { - - const authorsCount = authors.length; - if (authorsCount === 0) { - return ( - <div className={clsx(styles.authorTimeTags, "row margin-top--sm margin-bottom--sm 'margin-vert--md'")}> - <time dateTime={date} itemProp="datePublished"> - {formattedDate} - </time> - </div> - ) - - } - - return ( - <div className={clsx(styles.authorTimeTags, "row margin-top--sm margin-bottom--sm 'margin-vert--md'")}> - <time dateTime={date} itemProp="datePublished"> - {formattedDate} - </time> - {authors.map((author, idx) => ( - - <div key={idx}> - <div className="avatar margin-bottom--sm"> - {author.name && ( - <div> - {authorsCount < 3 ? - <Link href={author.url} itemProp="url"> - <span className={clsx(styles.authorsList)} itemProp="name">{author.name}</span> - </Link> : <Link href={author.url} itemProp="url"> - <span className={clsx(styles.authorsListLong)} itemProp="name">{author.name}</span> - </Link> - } - </div> - ) - } - </div> - </div> - ))} - </div> - ); -} - const renderPostHeader = () => { const TitleHeading = isBlogPostPage ? 'h1' : 'h2'; @@ -146,11 +89,9 @@ const AuthorsList = () => { {title} </TitleHeading> </Link> - )} </TitleHeading> - {AuthorsList()} - {/* <div className={clsx(styles.blogPostData, 'margin-vert--md')}> + <div className={clsx(styles.blogPostData, 'margin-vert--md')}> <time dateTime={date} itemProp="datePublished"> {formattedDate} </time> @@ -161,13 +102,10 @@ const AuthorsList = () => { {readingTimePlural(readingTime)} </> )} - </div> */} - - - - {( - <TagsListInline tags={tags} /> - )} + </div> + {isBlogPostPage && ( + <BlogPostAuthors authors={authors} assets={assets} /> + )} </header> ); }; @@ -192,7 +130,14 @@ const AuthorsList = () => { className={clsx('row docusaurus-mt-lg', { [styles.blogPostDetailsFull]: isBlogPostPage, })}> - + {tagsExists && ( + <div + className={clsx('col', { + 'col--9': truncatedPost, + })}> + <TagsListInline tags={tags} /> + </div> + )} {isBlogPostPage && editUrl && ( <div className="col margin-top--sm"> diff --git a/website/src/theme/BlogPostItem/styles.module.css b/website/src/theme/BlogPostItem/styles.module.css index 2ef1ef76d2..c7312a3684 100644 --- a/website/src/theme/BlogPostItem/styles.module.css +++ b/website/src/theme/BlogPostItem/styles.module.css @@ -10,7 +10,6 @@ } .blogPostPageTile{ font-size:3rem; - display: inline-flex; } .blogPostData { @@ -24,64 +23,3 @@ .blog-list-page .container .row { width: max-content; } - -.authorsList { - font-size:0.9rem; - white-space: nowrap; - text-align:justify; - color: rgb(28, 30, 33); - column-gap: 5px; - margin-top:-10px; - margin-right:10px; - display:inline-flex; - justify-content: space-around; - margin-left:5px -} - -.authorsListLong{ - white-space: nowrap; - font-size:0.9rem; - color: rgb(28, 30, 33); - display:inline-flex; - justify-content: space-around; - margin-left:5px; - -} - - -@media(max-width:1820px){ - .authorsListLong{ - font-size:0.75rem; - } -} -@media(max-width:1602px){ - .authorsListLong{ - font-size:0.6rem; - } -} - - - -@media(max-width:1391px){ - .authorsListLong{ - font-size:0.9rem; - } -} - -.authorTimeTags { - font-size: 0.9rem; - color: rgb(28, 30, 33); - display:flex; - margin-left:2px - } - -.tag { - margin: 0 12px 0.5rem -10px; - display: inline-block; - margin-top:-5px -} - -.greyLink { - color: rgb(28, 30, 33); - text-decoration-color: rgb(28, 30, 33); -}