From 37cc26aa702102b4b508975dec7fd6bef6d9df25 Mon Sep 17 00:00:00 2001
From: ZouicheOmar <zouiche.dev.omar@gmail.com>
Date: Wed, 23 Jul 2025 16:37:23 +0200
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=92=84(frontend)=20update=20callout?=
 =?UTF-8?q?=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Updated the callout block styles, centered the emoji and aligned the
text to be in the center of the block.
---
 .../docs/doc-editor/components/custom-blocks/CalloutBlock.tsx  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
index 6e77d5a052..028735c495 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
@@ -70,6 +70,7 @@ export const CalloutBlock = createReactBlockSpec(
               }
             `}
             $align="center"
+            $justify="center"
             $height="28px"
             $width="28px"
             $radius="4px"
@@ -85,7 +86,7 @@ export const CalloutBlock = createReactBlockSpec(
               onEmojiSelect={onEmojiSelect}
             />
           )}
-          <Box as="p" className="inline-content" ref={contentRef} />
+          <Box className="inline-content" ref={contentRef} $justify="center" />
         </Box>
       );
     },

From ebffb657f498cd8c9ba0f3adc12bf482d6e3cf23 Mon Sep 17 00:00:00 2001
From: ZouicheOmar <zouiche.dev.omar@gmail.com>
Date: Wed, 23 Jul 2025 16:38:29 +0200
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B(frontend)=20fix=20callout=20bl?=
 =?UTF-8?q?ock=20cursor=20position?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Disabled the "gapCursor" prosemirror extension on the editor.
Cursor gets to non text positions around custom blocks, in this case the
callout block, which is a feature of the "gapCursor" extension.
---
 .../src/features/docs/doc-editor/components/BlockNoteEditor.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx
index fe419b809d..e4caead72b 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx
@@ -125,6 +125,7 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => {
       },
       uploadFile,
       schema: blockNoteSchema,
+      disableExtensions: ['gapCursor'],
     },
     [collabName, lang, provider, uploadFile],
   );