From d2511da7998d15b486f6f395aa8b252f45d2daa6 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 17 Jan 2024 23:11:25 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/10211

---
 app/src/assets/scss/component/_dialog.scss | 2 +-
 app/src/assets/scss/mobile.scss            | 4 ++++
 app/src/dialog/index.ts                    | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/src/assets/scss/component/_dialog.scss b/app/src/assets/scss/component/_dialog.scss
index 957752813..7444c9b04 100644
--- a/app/src/assets/scss/component/_dialog.scss
+++ b/app/src/assets/scss/component/_dialog.scss
@@ -41,7 +41,7 @@
     flex-grow: 0;
     flex-shrink: 0;
     box-sizing: border-box;
-    max-width: 100%;
+    max-width: 88vw;
     transform: scale(.8);
     opacity: 0;
     transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index 4a772a9be..f56ae9663 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -483,6 +483,10 @@ html[lang="zh_CN"] .protyle-wysiwyg [data-node-id]:last-child [spellcheck][conte
   opacity: 1;
 }
 
+.b3-dialog__container {
+  max-width: 100vw;
+}
+
 @media (max-width: 620px) {
   .protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] {
     flex-direction: column;
diff --git a/app/src/dialog/index.ts b/app/src/dialog/index.ts
index 13bc1695a..421b71091 100644
--- a/app/src/dialog/index.ts
+++ b/app/src/dialog/index.ts
@@ -38,7 +38,7 @@ export class Dialog {
         if (!isMobile() && options.positionId) {
             const dialogPosition = window.siyuan.storage[Constants.LOCAL_DIALOGPOSITION][options.positionId];
             if (dialogPosition) {
-                if (dialogPosition.left + dialogPosition.width <= window.innerWidth &&
+                if (dialogPosition.left + dialogPosition.width + 34 <= window.innerWidth &&
                     dialogPosition.top + dialogPosition.height <= window.innerHeight) {
                     left = dialogPosition.left + "px";
                     top = dialogPosition.top + "px";