グローバルナビで現在カテゴリーの場合 aria-current=true にする

SaekiTominaga · Aug 11, 2024 · af52c28 · af52c28
1 parent eb4b2ce
commit af52c28
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/astro/src/layouts/include/PageHeaderTokyu.astro b/astro/src/layouts/include/PageHeaderTokyu.astro
@@ -60,7 +60,7 @@ const { pagePath, top = false } = Astro.props;
 							</a>
 						)}
 						{page.path !== pagePath && pagePath.startsWith(page.path) && (
-							<a href={page.path} class="p-header-gnav__link -my-category">
+							<a href={page.path} aria-current="true" class="p-header-gnav__link">
 								{page.name}
 							</a>
 						)}

diff --git a/astro/style/object/project/_header.css b/astro/style/object/project/_header.css
@@ -109,10 +109,7 @@
 		}
 	}
 
-	&.-my-category {
-	}
-
-	&:is(:not(:any-link), .-my-category) {
+	&[aria-current] {
 		--_border-width: 2px;
 		--_border-color: var(--color-red);