[apisix-website] branch master updated: fix: tags headers (#1262)

[gu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

guoqi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new e8b2aa771a7 fix: tags headers (#1262)
e8b2aa771a7 is described below

commit e8b2aa771a73eb80eb0f852c7996f384b1ec080d
Author: Young <is...@outlook.com>
AuthorDate: Tue Aug 2 17:47:03 2022 +0800

    fix: tags headers (#1262)
---
 blog/src/theme/BlogLayout/index.tsx         | 8 ++++++--
 blog/src/theme/BlogLayout/style.module.scss | 6 +++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/blog/src/theme/BlogLayout/index.tsx b/blog/src/theme/BlogLayout/index.tsx
index bb02c042147..d8ad69fbd68 100644
--- a/blog/src/theme/BlogLayout/index.tsx
+++ b/blog/src/theme/BlogLayout/index.tsx
@@ -55,7 +55,7 @@ const tags = [
   },
   {
     label: 'Case Studies',
-    url: '/blog/tags/user-case/',
+    url: '/blog/tags/case-studies/',
   },
   {
     label: 'Ecosystem',
@@ -69,10 +69,14 @@ const tags = [
     label: 'Security',
     url: '/blog/tags/security/',
   },
+  {
+    label: 'Plugins',
+    url: '/blog/tags/plugins/',
+  },
 ];
 
 const TagsHeader: FC = () => (
-  <Sticky innerZ={199}>
+  <Sticky innerZ={199} className={style.placeholder}>
     {(s) => (
       <div className={clsx(style.tagsHeader, s.status === Sticky.STATUS_FIXED && style.expand)}>
         {tags.map((tag) => (
diff --git a/blog/src/theme/BlogLayout/style.module.scss b/blog/src/theme/BlogLayout/style.module.scss
index cdaea46f53c..ad3cb76ba59 100644
--- a/blog/src/theme/BlogLayout/style.module.scss
+++ b/blog/src/theme/BlogLayout/style.module.scss
@@ -15,11 +15,15 @@
   margin-left: 1rem;
 }
 
+.placeholder {
+  min-height: 57px;
+}
+
 .tagsHeader {
   display: flex;
   justify-content: flex-end;
   padding: 0.25rem 1rem;
-  transition: all 0.5s ease-in-out;
+  transition: all 0.3s ease-in-out;
   border-bottom: 1px solid #e8e8ed;
   font-family: apple-system, system-ui, sans-serif;