0.09

Author: sudoevolve

docs/assets/javascripts/online-compile.js

@@ -64,10 +64,13 @@
   function createHeaderButton() {
     const a = document.createElement("a");
     a.href = "https://godbolt.org/";
-    a.className = "md-button online-compile-header-button";
+    a.className = "md-header__button md-icon online-compile-header-button";
     a.title = "在线编译（打开 Compiler Explorer）";
     a.setAttribute("aria-label", a.title);
-    a.textContent = "在线编译";
+    a.innerHTML =
+      '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">' +
+      '<path d="M10 17l6-5-6-5v10ZM19 19H5V5h14v14Zm0-16H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z"/>' +
+      "</svg>";
 
     a.addEventListener("click", (e) => {
       e.preventDefault();

docs/assets/javascripts/theme-palette.js

@@ -208,11 +208,13 @@
       if (cfg?.primary && isHexColor(cfg.primary)) primaryInput.value = cfg.primary;
       if (cfg?.accent && isHexColor(cfg.accent)) accentInput.value = cfg.accent;
       overlay.hidden = false;
+      overlay.style.removeProperty("display");
       document.documentElement.classList.add("theme-palette-open");
     }
 
     function closePanel() {
       overlay.hidden = true;
+      overlay.style.display = "none";
       document.documentElement.classList.remove("theme-palette-open");
     }
 
@@ -222,10 +224,16 @@
     }
 
     overlay.addEventListener("click", (e) => {
-      if (e.target === overlay) closePanel();
-    });
+      const t = e.target;
+      if (!(t instanceof Node)) return;
+      if (t === overlay) closePanel();
+      if (t instanceof Element && t.closest(".theme-palette-close")) closePanel();
+    }, { capture: true });
 
-    close.addEventListener("click", () => closePanel());
+    close.addEventListener("click", (e) => {
+      e.preventDefault();
+      closePanel();
+    });
     document.addEventListener("keydown", (e) => {
       if (!overlay.hidden && e.key === "Escape") closePanel();
     });
@@ -265,6 +273,10 @@
     const { overlay, open } = createDialog();
     document.body.appendChild(overlay);
 
+    overlay.hidden = true;
+    overlay.style.display = "none";
+    document.documentElement.classList.remove("theme-palette-open");
+
     ensureHeaderButton(() => open());
   }
 

docs/assets/stylesheets/online-compile.css

@@ -2,12 +2,14 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  margin-right: 0.5rem;
-  padding: 0.25rem 0.6rem;
-  font-size: 0.7rem;
-  line-height: 1.2;
+  margin-right: 0.25rem;
 }
 
 .md-header .online-compile-header-button {
   white-space: nowrap;
 }
+
+.online-compile-header-button svg {
+  width: 1.2rem;
+  height: 1.2rem;
+}

docs/index.md

@@ -1,6 +1,6 @@
-# QrCraft 开发文档
+# QtCraft 开发文档
 
-欢迎来到 QrCraft 开发文档。这是一个关于 Qt、C++ 和 QML 开发的学习资源库。
+欢迎来到 QtCraft 开发文档。这是一个关于 Qt、C++ 和 QML 开发的学习资源库。
 
 ## 快速导航