Quartz sync: May 23, 2025, 12:24 AM

Author: codeyoma

quartz/components/scripts/markmap.inline.ts

@@ -74,10 +74,11 @@ function renderGlobalMarkmap() {
         a.insertAdjacentHTML('beforeend', externalIcon)
     })
 
+    let isToggled = containerInner.classList.contains('fullscreen') ? true : false;
     const customToolbar = document.createElement("div");
     customToolbar.className = "mm-toolbar-item";
     customToolbar.title = "Toggle fullscreen";
-    customToolbar.innerHTML = fullIcon
+    customToolbar.innerHTML = isToggled ? closeIcon : fullIcon
 
     const customExit = document.createElement("div");
     customExit.className = "mm-toolbar-item";
@@ -89,7 +90,6 @@ function renderGlobalMarkmap() {
 
     container.classList.add("active")
 
-    let isToggled = false;
     customToolbar.addEventListener('click', () => {
         containerInner.classList.toggle('fullscreen')
         isToggled = !isToggled;

quartz/components/styles/markmap.scss

@@ -102,6 +102,10 @@
                     .mm-toolbar-item {
                         cursor: pointer;
                     }
+
+                    .active {
+                        filter: drop-shadow(0 0 0 currentColor) drop-shadow(0 0 2px currentColor);
+                    }
                 }
             }
         }