From 27a41abb62cc9005ed4234bdb02f38b6cfeedec3 Mon Sep 17 00:00:00 2001
From: Andrew <80933354+ndrooo@users.noreply.github.com>
Date: Fri, 09 Aug 2024 01:07:47 +0000
Subject: [PATCH] feat(toc,explorer): add accessibility for toggle (#1327)
---
quartz/components/scripts/graph.inline.ts | 13 ++++++++++---
1 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/quartz/components/scripts/graph.inline.ts b/quartz/components/scripts/graph.inline.ts
index e8dec4c..cda6fb5 100644
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -1,4 +1,4 @@
-import type { ContentDetails, ContentIndex } from "../../plugins/emitters/contentIndex"
+import type { ContentDetails } from "../../plugins/emitters/contentIndex"
import * as d3 from "d3"
import { registerEscapeHandler, removeAllChildren } from "./util"
import { FullSlug, SimpleSlug, getFullSlug, resolveRelative, simplifySlug } from "../../util/path"
@@ -102,7 +102,7 @@
const graphData: { nodes: NodeData[]; links: LinkData[] } = {
nodes: [...neighbourhood].map((url) => {
- const text = url.startsWith("tags/") ? "#" + url.substring(5) : data.get(url)?.title ?? url
+ const text = url.startsWith("tags/") ? "#" + url.substring(5) : (data.get(url)?.title ?? url)
return {
id: url,
text: text,
@@ -282,6 +282,13 @@
// @ts-ignore
.call(drag(simulation))
+ // make tags hollow circles
+ node
+ .filter((d) => d.id.startsWith("tags/"))
+ .attr("stroke", color)
+ .attr("stroke-width", 2)
+ .attr("fill", "var(--light)")
+
// draw labels
const labels = graphNode
.append("text")
@@ -354,7 +361,7 @@
document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
const slug = e.detail.url
- addToVisited(slug)
+ addToVisited(simplifySlug(slug))
await renderGraph("graph-container", slug)
const containerIcon = document.getElementById("global-graph-icon")
--
Gitblit v1.10.0