From 13834dd09a95f46796dd5f556b62a67730758856 Mon Sep 17 00:00:00 2001
From: Flrande <1978616327@qq.com>
Date: Tue, 18 Feb 2025 09:39:26 +0000
Subject: [PATCH] fix(editor): display heading icon all time (#10256)

---
 .../block-paragraph/src/paragraph-block.ts    | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/blocksuite/affine/block-paragraph/src/paragraph-block.ts b/blocksuite/affine/block-paragraph/src/paragraph-block.ts
index fb8d1c20bc..c00f0f2990 100644
--- a/blocksuite/affine/block-paragraph/src/paragraph-block.ts
+++ b/blocksuite/affine/block-paragraph/src/paragraph-block.ts
@@ -245,7 +245,17 @@ export class ParagraphBlockComponent extends CaptionedBlockComponent<
 
     return html`
       ${style}
-      <div class="affine-paragraph-block-container">
+      <style>
+        .affine-paragraph-block-container[data-has-collapsed-siblings='false']
+          affine-paragraph-heading-icon
+          .heading-icon {
+          transform: translateX(-48px);
+        }
+      </style>
+      <div
+        class="affine-paragraph-block-container"
+        data-has-collapsed-siblings="${collapsedSiblings.length > 0}"
+      >
         <div
           class=${classMap({
             'affine-paragraph-rich-text-wrapper': true,
@@ -253,12 +263,16 @@ export class ParagraphBlockComponent extends CaptionedBlockComponent<
             [TOGGLE_BUTTON_PARENT_CLASS]: true,
           })}
         >
-          ${this.model.type$.value.startsWith('h') &&
-          collapsedSiblings.length > 0
+          ${this.model.type$.value.startsWith('h')
             ? html`
                 <affine-paragraph-heading-icon
                   .model=${this.model}
                 ></affine-paragraph-heading-icon>
+              `
+            : nothing}
+          ${this.model.type$.value.startsWith('h') &&
+          collapsedSiblings.length > 0
+            ? html`
                 <blocksuite-toggle-button
                   .collapsed=${collapsed}
                   .updateCollapsed=${(value: boolean) => {