Update link decoration

m-delvalle · Sep 6, 2021 · ce18db6 · ce18db6
1 parent 4e1a32d
commit ce18db6
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -6,6 +6,11 @@ html {
   font-weight: var(--ifm-font-weight-normal);
 }
 
+article a:hover {
+  border-bottom: 1px solid var(--ifm-link-color);
+  padding-bottom: 1px;
+}
+
 .title__text {
   text-align: center;
   font-size: 4rem;
@@ -481,6 +486,10 @@ html[data-theme='dark'] {
     width: 48px;
   }
 
+  .hash-link:hover {
+    border: none;
+  }
+
   /*
   Patch to avoid displaying a double header in imported DOCS
   */

diff --git a/src/theme/BlogPostItem/index.js b/src/theme/BlogPostItem/index.js
@@ -65,7 +65,7 @@ function BlogPostItem(props) {
     const TitleHeading = isBlogPostPage ? 'h1' : 'h2';
     // Move date to the right
     return (
-      <header>
+      <header className={styles.blogHeader}>
         <TitleHeading className={styles.blogPostTitle} itemProp="headline">
           {isBlogPostPage ? (
             title
@@ -129,7 +129,9 @@ function BlogPostItem(props) {
               className={clsx('col', {
                 'col--9': !isBlogPostPage,
               })}>
-              <TagsListInline tags={tags} />
+              <div className={styles.tagsList}>
+                <TagsListInline tags={tags} />
+              </div>
             </div>
           )}
 

diff --git a/src/theme/BlogPostItem/styles.module.css b/src/theme/BlogPostItem/styles.module.css
@@ -5,6 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+.blogHeader a:hover {
+  border:none
+}
+
  .blogPostTitle {
   font-size: 3rem;
 }
@@ -24,3 +28,8 @@
   margin-left: auto;
   margin-bottom: 2px;
 }
+
+.tagsList a:hover {
+  border: 1px solid var(--docusaurus-tag-list-border);
+  padding: .3rem .5rem;
+}