This is an automated email from the ASF dual-hosted git repository. bhavanisudha 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 eb17d00b22 Resized the blog images , tags onHover:blue, readingTime only visible in blogs page (#5745) eb17d00b22 is described below commit eb17d00b2239dfb42f3b7643cac40c0dd36a7bd9 Author: yadav-jai <97013124+yadav-...@users.noreply.github.com> AuthorDate: Sat Jun 4 04:04:07 2022 +0530 Resized the blog images , tags onHover:blue, readingTime only visible in blogs page (#5745) --- website/src/css/custom.css | 9 ++++++--- website/src/theme/BlogPostItem/index.js | 6 +++--- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/website/src/css/custom.css b/website/src/css/custom.css index cee132bb1b..57eeca4bb2 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -205,15 +205,18 @@ footer .container { } .blogThumbnail img { - height: auto; - width: 100%; + height:100%; + width: auto; +} +.tagRegular_node_modules-\@docusaurus-theme-classic-lib-next-theme-Tag-styles-module{ + color:black } - .blog-list-page article { display: inline-flex; width: 45%; + margin: 1.2em; vertical-align: text-top; diff --git a/website/src/theme/BlogPostItem/index.js b/website/src/theme/BlogPostItem/index.js index 1478e1861f..8c9525e2f2 100644 --- a/website/src/theme/BlogPostItem/index.js +++ b/website/src/theme/BlogPostItem/index.js @@ -68,7 +68,7 @@ return ( <> <ul className={clsx(styles.tags, styles.authorTimeTags, 'padding--none', 'margin-left--sm')}> - <h4>Tags:</h4> + {tags.map(({label, permalink: tagPermalink}) => ( <li key={tagPermalink} className={styles.tag}> <Tag className={clsx(styles.greyLink)} name={label} permalink={tagPermalink} /> @@ -155,12 +155,12 @@ const AuthorsList = () => { {AuthorsList()} <div className={clsx(styles.blogPostData, 'margin-vert--md')}> - + {isBlogPostPage && <> {typeof readingTime !== 'undefined' && ( <> {readingTimePlural(readingTime)} </> - )} + )}</>} </div>