From 4d7bb836de3faec07d10430c0566c1b42676a41d Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Wed, 4 Sep 2024 18:34:30 +0900
Subject: [PATCH 1/3] Create styles.module.css

---
 src/theme/TagsListInline/styles.module.css | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 src/theme/TagsListInline/styles.module.css

diff --git a/src/theme/TagsListInline/styles.module.css b/src/theme/TagsListInline/styles.module.css
new file mode 100644
index 00000000..3119dc7d
--- /dev/null
+++ b/src/theme/TagsListInline/styles.module.css
@@ -0,0 +1,8 @@
+.tags {
+  display: inline;
+}
+
+.tag {
+  margin: 0 0.4rem 0.5rem 0;
+  display: inline-block;
+}

From 0feb7b11728aa6271319d0c82d37cf0e8e865205 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Wed, 4 Sep 2024 18:34:41 +0900
Subject: [PATCH 2/3] Create index.tsx

---
 src/theme/TagsListInline/index.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/theme/TagsListInline/index.tsx

diff --git a/src/theme/TagsListInline/index.tsx b/src/theme/TagsListInline/index.tsx
new file mode 100644
index 00000000..55062273
--- /dev/null
+++ b/src/theme/TagsListInline/index.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import clsx from 'clsx';
+import Translate from '@docusaurus/Translate';
+import Tag from '@theme/Tag';
+import type {Props} from '@theme/TagsListInline';
+
+import styles from './styles.module.css';
+
+export default function TagsListInline({tags}: Props): JSX.Element {
+  return (
+    <>
+      <b>
+        <Translate
+          id="theme.tags.tagsListLabel"
+          description="The label alongside a tag list">
+          Tags:
+        </Translate>
+      </b>
+      <ul className={clsx(styles.tags, 'padding--none', 'margin-left--sm')}>
+        {tags.map((tag) => (
+          <li key={tag.permalink} className={styles.tag}>
+            <Tag {...tag} />
+          </li>
+        ))}
+      </ul>
+    </>
+  );
+}

From b249d6365d83036de56bc6d6c7a07afa5973f7a5 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Wed, 4 Sep 2024 18:35:24 +0900
Subject: [PATCH 3/3] Hide tags from footer

---
 src/theme/TagsListInline/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/theme/TagsListInline/index.tsx b/src/theme/TagsListInline/index.tsx
index 55062273..938611d9 100644
--- a/src/theme/TagsListInline/index.tsx
+++ b/src/theme/TagsListInline/index.tsx
@@ -9,7 +9,7 @@ import styles from './styles.module.css';
 export default function TagsListInline({tags}: Props): JSX.Element {
   return (
     <>
-      <b>
+      {/* <b>
         <Translate
           id="theme.tags.tagsListLabel"
           description="The label alongside a tag list">
@@ -22,7 +22,7 @@ export default function TagsListInline({tags}: Props): JSX.Element {
             <Tag {...tag} />
           </li>
         ))}
-      </ul>
+      </ul> */}
     </>
   );
 }