From e74a7dee33fb2af33bd2889f483c8a1908c17288 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 30 Oct 2023 16:08:24 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/9524

---
 app/src/protyle/header/Background.ts | 7 +++----
 app/src/protyle/toolbar/index.ts     | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/src/protyle/header/Background.ts b/app/src/protyle/header/Background.ts
index b02b469f8..b96a3cd9d 100644
--- a/app/src/protyle/header/Background.ts
+++ b/app/src/protyle/header/Background.ts
@@ -304,10 +304,9 @@ export class Background {
                 } else if (type === "asset") {
                     const rect = target.getBoundingClientRect();
                     protyle.toolbar.showAssets(protyle, {
-                        x: rect.right,
-                        y: rect.bottom,
-                        w: target.parentElement.clientWidth + 8,
-                        h: rect.height
+                        x: rect.right - 798,
+                        y: rect.bottom + 8,
+                        isLeft: false,
                     }, (url) => {
                         this.ial["title-img"] = `background-image:url("${url}")`;
                         this.render(this.ial, protyle.block.rootID);
diff --git a/app/src/protyle/toolbar/index.ts b/app/src/protyle/toolbar/index.ts
index 3e4bf1330..52cdca5e4 100644
--- a/app/src/protyle/toolbar/index.ts
+++ b/app/src/protyle/toolbar/index.ts
@@ -1547,7 +1547,7 @@ export class Toolbar {
         this.subElement.style.width = "";
         this.subElement.style.padding = "";
         this.subElement.innerHTML = `<div style="max-height:50vh" class="fn__flex">
-<div class="fn__flex-column" style="${isMobile() ? "width:100%" : "min-width: 260px;max-width:50vw"}">
+<div class="fn__flex-column" style="${isMobile() ? "width:100%" : "min-width: 260px;max-width:420px"}">
     <div class="fn__flex" style="margin: 0 8px 4px 8px">
         <input class="b3-text-field fn__flex-1"/>
         <span class="fn__space"></span>
@@ -1557,7 +1557,7 @@ export class Toolbar {
     </div>
     <div class="b3-list fn__flex-1 b3-list--background" style="position: relative"><img style="margin: 0 auto;display: block;width: 64px;height: 64px" src="/stage/loading-pure.svg"></div>
 </div>
-<div style="width: 260px;display: ${isMobile() || window.outerWidth < window.outerWidth / 2 + 260 ? "none" : "flex"};padding: 8px;overflow: auto;justify-content: center;align-items: center;"></div>
+<div style="width: 360px;display: ${isMobile() || window.outerWidth < window.outerWidth / 2 + 260 ? "none" : "flex"};padding: 8px;overflow: auto;justify-content: center;align-items: center;word-break: break-all;"></div>
 </div>`;
         const listElement = this.subElement.querySelector(".b3-list");
         const previewElement = this.subElement.firstElementChild.lastElementChild;