admin/skato-quartz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Altered selectors, ids and class names to fit plugin I currently use in Obsidian

Browse Source
This commit is contained in:
xenobyte
2025-11-23 10:33:17 -05:00
parent 114eb0b729
commit e5247695f5
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
quartz/components/scripts/mermaid.inline.ts
View File

@@ -52,7 +52,7 @@ class DiagramPanZoom {
private setupNavigationControls() {
const controls = document.createElement("div")
controls.className = "mermaid-controls"
controls.className = "mehrmaid-controls"
// Zoom controls
const zoomIn = this.createButton("+", () => this.zoom(0.1))
@@ -69,7 +69,7 @@ class DiagramPanZoom {
private createButton(text: string, onClick: () => void): HTMLButtonElement {
const button = document.createElement("button")
button.textContent = text
button.className = "mermaid-control-button"
button.className = "mehrmaid-control-button"
button.addEventListener("click", onClick)
window.addCleanup(() => button.removeEventListener("click", onClick))
return button
@@ -145,7 +145,7 @@ const cssVars = [
let mermaidImport = undefined
document.addEventListener("nav", async () => {
const center = document.querySelector(".center") as HTMLElement
const nodes = center.querySelectorAll("code.mermaid") as NodeListOf<HTMLElement>
const nodes = center.querySelectorAll("code.mehrmaid") as NodeListOf<HTMLElement>
if (nodes.length === 0) return
mermaidImport ||= await import(
@@ -219,13 +219,13 @@ document.addEventListener("nav", async () => {
pre.prepend(expandBtn)
// query popup container
const popupContainer = pre.querySelector("#mermaid-container") as HTMLElement
const popupContainer = pre.querySelector("#mehrmaid-container") as HTMLElement
if (!popupContainer) return
let panZoom: DiagramPanZoom | null = null
function showMermaid() {
const container = popupContainer.querySelector("#mermaid-space") as HTMLElement
const content = popupContainer.querySelector(".mermaid-content") as HTMLElement
const container = popupContainer.querySelector("#mehrmaid-space") as HTMLElement
const content = popupContainer.querySelector(".mehrmaid-content") as HTMLElement
if (!content) return
removeAllChildren(content)