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 += `