fix: series TOC now works again

Author: crutchcorn

src/views/blog-post/series/series-toc.astro

@@ -101,7 +101,7 @@ const showMoreText = translate(
 >
 	const showMore = document.querySelector("#toggleAllButton");
 	const showHideChapters = Array.from(
-		document.querySelectorAll("[data-dont-show-initially]"),
+		document.querySelectorAll("[data-dont-show-initially='true']"),
 	);
 
 	let expanded = false;

src/views/blog-post/series/series-toc.module.scss

@@ -88,7 +88,7 @@
 	padding: 0;
 }
 
-.navigationItemOuter[data-dont-show-initially] {
+.navigationItemOuter[data-dont-show-initially="true"] {
 	display: none;
 }
 
@@ -134,7 +134,7 @@
 	background: var(--series-nav_chapter-item_border_color_pressed);
 }
 
-.navigationItem[data-is-active] {
+.navigationItem[data-is-active="true"] {
 	color: var(--series-nav_chapter-item_title_color_selected);
 	padding-left: calc(
 		var(--series-nav_chapter-item_padding-horizontal) +
@@ -143,7 +143,7 @@
 	);
 }
 
-.navigationItem[data-is-active]::before {
+.navigationItem[data-is-active="true"]::before {
 	content: " ";
 	position: absolute;
 	left: 0;
@@ -153,7 +153,7 @@
 	background: var(--series-nav_chapter-item_border_color_selected);
 }
 
-.navigationItem[data-is-active]::after {
+.navigationItem[data-is-active="true"]::after {
 	content: " ";
 	background-color: var(--series-nav_chapter-item_arrow_color);
 	mask: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Arrow"><path id="Vector 31" d="M5 8H15M15 8L11 4M15 8L11 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');