alrayyes/wiki
1
0
Fork 0
mirror of https://github.com/alrayyes/wiki.git synced 2024-11-22 19:46:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

idea: Tags appear as hollow circles on the graph (#1129)

Browse source 
* Tags appear as hollow circles on the graph

Added a few lines to make tags appear as hollow circles on the graph, as opposed to pages which are plain circles, for better visual separation.

* Applied Prettier code style
This commit is contained in:
Leo Lazou 2024-05-30 19:42:22 +02:00 committed by GitHub
parent 73a5ec87f1
commit 244801af65
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
quartz/components/scripts/graph.inline.ts
View file

@ -282,6 +282,13 @@ async function renderGraph(container: string, fullSlug: FullSlug) {
// @ts-ignore // @ts-ignore
.call(drag(simulation)) .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 // draw labels
const labels = graphNode const labels = graphNode
.append("text") .append("text")