feat: better titles for empty pages #61

This commit is contained in:
Jacky Zhao 2022-03-15 00:37:56 -07:00
parent e981c76ed4
commit 94e987dab5
2 changed files with 4 additions and 3 deletions

View File

@ -129,7 +129,7 @@ async function drawGraph(url, baseUrl, pathColors, depth, enableDrag, enableLege
.on("click", (_, d) => { .on("click", (_, d) => {
window.location.href = baseUrl + '/' + decodeURI(d.id).replace(/\s+/g, '-') window.location.href = baseUrl + '/' + decodeURI(d.id).replace(/\s+/g, '-')
}) })
.on("mouseover", function (_, d) { .on("mouseover", function(_, d) {
d3.selectAll(".node") d3.selectAll(".node")
.transition() .transition()
.duration(100) .duration(100)
@ -159,7 +159,7 @@ async function drawGraph(url, baseUrl, pathColors, depth, enableDrag, enableLege
.transition() .transition()
.duration(200) .duration(200)
.style("opacity", 1) .style("opacity", 1)
}).on("mouseleave", function (_, d) { }).on("mouseleave", function(_, d) {
d3.selectAll(".node") d3.selectAll(".node")
.transition() .transition()
.duration(200) .duration(200)
@ -185,7 +185,7 @@ async function drawGraph(url, baseUrl, pathColors, depth, enableDrag, enableLege
const labels = graphNode.append("text") const labels = graphNode.append("text")
.attr("dx", 12) .attr("dx", 12)
.attr("dy", ".35em") .attr("dy", ".35em")
.text((d) => content[decodeURI(d.id).replace(/\s+/g, '-')]?.title || "Untitled") .text((d) => content[decodeURI(d.id).replace(/\s+/g, '-')]?.title || d.id.replace("-", " "))
.style("opacity", 0) .style("opacity", 0)
.style("pointer-events", "none") .style("pointer-events", "none")
.call(drag(simulation)); .call(drag(simulation));

View File

@ -24,3 +24,4 @@ If you prefer browsing the contents of this site through a list instead of a gra
- 🚧 [Troubleshooting and FAQ](notes/troubleshooting.md) - 🚧 [Troubleshooting and FAQ](notes/troubleshooting.md)
- 🐛 [Submit an Issue](https://github.com/jackyzha0/quartz/issues) - 🐛 [Submit an Issue](https://github.com/jackyzha0/quartz/issues)
- 👀 [Discord Community](https://discord.gg/cRFFHYye7t) - 👀 [Discord Community](https://discord.gg/cRFFHYye7t)