From 731c9fd9f16e12a212a8a235e33a448ed8e3345d Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 27 Nov 2023 17:27:19 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/9752

---
 app/src/assets/scss/business/_config.scss | 3 ++-
 app/src/block/popover.ts                  | 3 +++
 app/src/config/index.ts                   | 6 ++++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/src/assets/scss/business/_config.scss b/app/src/assets/scss/business/_config.scss
index cb610e1f1..73e0a5588 100644
--- a/app/src/assets/scss/business/_config.scss
+++ b/app/src/assets/scss/business/_config.scss
@@ -6,7 +6,8 @@
     border-radius: 0 var(--b3-border-radius-b) var(--b3-border-radius-b) 0;
     width: 100%;
     height: 100%;
-    padding: 16px 0;
+    display: flex;
+    flex-direction: column;
   }
 
   &__tab-container {
diff --git a/app/src/block/popover.ts b/app/src/block/popover.ts
index 3fd67c15c..f98306918 100644
--- a/app/src/block/popover.ts
+++ b/app/src/block/popover.ts
@@ -99,6 +99,9 @@ export const initBlockPopover = (app: App) => {
 const hidePopover = (event: MouseEvent & { path: HTMLElement[] }) => {
     // pad 端点击后 event.target 不会更新。
     const target = document.elementFromPoint(event.clientX, event.clientY);
+    if (!target) {
+        return false;
+    }
     if (hasClosestByClassName(target, "b3-menu") ||
         (target.id && target.tagName !== "svg" && (target.id.startsWith("minder_node") || target.id.startsWith("kity_") || target.id.startsWith("node_")))
         || target.classList.contains("counter")
diff --git a/app/src/config/index.ts b/app/src/config/index.ts
index f9ecee49d..e74d55a3a 100644
--- a/app/src/config/index.ts
+++ b/app/src/config/index.ts
@@ -96,7 +96,7 @@ export const openSetting = (app: App) => {
     const dialog = new Dialog({
         content: `<div class="fn__flex-1 fn__flex config__panel" style="overflow: hidden;position: relative">
   <ul class="b3-tab-bar b3-list b3-list--background">
-    <div class="config__tab-title">
+    <div class="config__tab-title resize__move">
         <svg class="b3-list-item__graphic"><use xlink:href="#iconSettings"></use></svg>
         <span class="b3-list-item__text">${window.siyuan.languages.config}</span>
     </div>
@@ -116,7 +116,8 @@ export const openSetting = (app: App) => {
     <li data-name="repos" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconCloud"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.cloud}</span></li>
     <li data-name="about" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconInfo"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.about}</span></li>
   </ul>
-  <div class="config__tab-wrap"> 
+  <div class="config__tab-wrap">
+      <div class="fn__hr--b resize__move"></div>
       <div class="config__tab-container" data-name="editor">${editor.genHTML()}</div>
       <div class="config__tab-container fn__none" data-name="filetree"></div>
       <div class="config__tab-container fn__none" data-name="card"></div>
@@ -130,6 +131,7 @@ export const openSetting = (app: App) => {
       <div class="config__tab-container config__tab-container--full fn__none" data-name="account"></div>
       <div class="config__tab-container fn__none" data-name="repos"></div>
       <div class="config__tab-container fn__none" data-name="about"></div>
+      <div class="fn__hr--b"></div>
   </div>
 </div>`,
         width: "90vw",