From 0bbd9699b01a79d38120c093216249f93c397479 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 11 Jun 2025 15:02:00 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/10414

---
 app/src/assets/scss/business/_av.scss       | 17 ++++++++++++++---
 app/src/protyle/gutter/index.ts             |  2 +-
 app/src/protyle/render/av/gallery/render.ts | 10 +++++++---
 app/src/protyle/util/hasClosest.ts          |  2 +-
 4 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index b85135d41..063199b55 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -317,6 +317,7 @@
       border-radius: var(--b3-border-radius) var(--b3-border-radius) 0 0;
       overflow: hidden;
       transition: background 100ms ease-out;
+      position: relative;
     }
 
     &-img {
@@ -330,11 +331,21 @@
     }
 
     &-content {
-      white-space: break-spaces;
-      word-break: break-word;
       margin: 8px 8px 0;
-      font-size: 12px;
       color: var(--b3-theme-on-surface);
+      transform: scale(0.85);
+      left: 0;
+      right: 0;
+      transform-origin: 0 0;
+
+      & ~ div {
+        position: absolute;
+        content: "";
+        left: 0;
+        height: 100%;
+        width: 100%;
+        top: 0;
+      }
     }
 
     &-fields {
diff --git a/app/src/protyle/gutter/index.ts b/app/src/protyle/gutter/index.ts
index b0ee07bd0..8615c650d 100644
--- a/app/src/protyle/gutter/index.ts
+++ b/app/src/protyle/gutter/index.ts
@@ -2283,7 +2283,7 @@ export class Gutter {
         let hideParent = false;
         while (nodeElement) {
             let parentElement = hasClosestBlock(nodeElement.parentElement);
-            if (!isInEmbedBlock(nodeElement) && !isInAVBlock(nodeElement)) {
+            if (!isInEmbedBlock(nodeElement)) {
                 let type;
                 if (!hideParent) {
                     type = nodeElement.getAttribute("data-type");
diff --git a/app/src/protyle/render/av/gallery/render.ts b/app/src/protyle/render/av/gallery/render.ts
index 198f15877..12cd26e50 100644
--- a/app/src/protyle/render/av/gallery/render.ts
+++ b/app/src/protyle/render/av/gallery/render.ts
@@ -71,11 +71,15 @@ export const renderGallery = (options: {
             galleryHTML += `<div class="av__gallery-item${selectItemIds.includes(item.id) ? " av__gallery-item--select" : ""}">`;
             if (view.coverFrom !== 0) {
                 if (item.coverURL) {
-                    galleryHTML += `<div class="av__gallery-cover"><div class="av__gallery-img${view.fitImage ? " av__gallery-img--fit" : ""}" style="background-image:url('${item.coverURL}')"></div></div>`;
+                    if (item.coverURL.startsWith("background")) {
+                        galleryHTML += `<div class="av__gallery-cover"><div class="av__gallery-img${view.fitImage ? " av__gallery-img--fit" : ""}" style="${item.coverURL}"></div></div>`;
+                    } else {
+                        galleryHTML += `<div class="av__gallery-cover"><div class="av__gallery-img${view.fitImage ? " av__gallery-img--fit" : ""}" style="background-image:url('${item.coverURL}')"></div></div>`;
+                    }
                 } else if (item.coverContent) {
-                    galleryHTML += `<div class="av__gallery-cover"><div class="av__gallery-content">${item.coverContent}</div></div>`;
+                    galleryHTML += `<div class="av__gallery-cover"><div class="av__gallery-content">${item.coverContent}</div><div></div></div>`;
                 } else {
-                    galleryHTML += `<div class="av__gallery-cover"></div>`;
+                    galleryHTML += '<div class="av__gallery-cover"></div>';
                 }
             }
 
diff --git a/app/src/protyle/util/hasClosest.ts b/app/src/protyle/util/hasClosest.ts
index 1fe6bbb63..285e24aa4 100644
--- a/app/src/protyle/util/hasClosest.ts
+++ b/app/src/protyle/util/hasClosest.ts
@@ -124,7 +124,7 @@ export const isInEmbedBlock = (element: Element) => {
 };
 
 export const isInAVBlock = (element: Element) => {
-    if (hasClosestByClassName(element, 'av__gallery-cover')) {
+    if (hasClosestByClassName(element, "av__gallery-cover")) {
         return hasClosestByClassName(element, "av");
     }
     return false;