fix tags page and menu

vanessacor · May 11, 2024 · 88c6313 · 88c6313
1 parent 2ee9479
commit 88c6313
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/src/components/navigation/Navigation.astro b/src/components/navigation/Navigation.astro
@@ -5,7 +5,7 @@ const { pathname } = Astro.url;
 
 const currentUrl = pathname.replace(/\/$/, '')
 
-const isTagsActive = currentUrl === "tags"
+const isTagsActive = currentUrl === "tags" || currentUrl.startsWith("/tags")
 
 const navigationItems = [
   { label: "Home", href: "/" },

diff --git a/src/components/navigation/TagsMenu.astro b/src/components/navigation/TagsMenu.astro
@@ -29,13 +29,14 @@ const tagsElement = tags.map((tag) => ({ label: tag, url: `/tags/${tag}` }));
 <style scoped>
   #tags-modal {
     display: none;
-    position: absolute;
+    position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
-    background-color: var(--background-color);
+    z-index: 100;
     padding: var(--space-medium) var(--space-small);
+    background-color: var(--background-color);
   }
 
   .modal {

diff --git a/src/pages/tags/[tag].astro b/src/pages/tags/[tag].astro
@@ -18,7 +18,7 @@ const filteredPosts = posts.filter((post) => post.data.tags.includes(tag) );
 ---
 <BlogLayout pageTitle={tag}>
   <div>
-    <h2>Posts tagged with #{tag}</h2>
+    <h2>#{tag}</h2>
     {
       filteredPosts
         .sort(
@@ -40,4 +40,10 @@ const filteredPosts = posts.filter((post) => post.data.tags.includes(tag) );
         })
     }
   </div>
-</BlogLayout>
+</BlogLayout>
+
+<style scoped>
+  h2 {
+    margin-bottom: var(--space-large);
+  }
+</style>