From 6d6e12ba05d1f69b9909745f71ea22dfc16e2db1 Mon Sep 17 00:00:00 2001
From: sepehr <sepehr1151@gmail.com>
Date: Sat, 2 May 2026 22:50:39 +0200
Subject: [PATCH] fix: move gutter button fully outside text margin and
 translate placeholder

---
 memento-note/components/rich-text-editor.tsx | 6 +++---
 memento-note/locales/fr.json                 | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/memento-note/components/rich-text-editor.tsx b/memento-note/components/rich-text-editor.tsx
index dd687d6..1f67ffc 100644
--- a/memento-note/components/rich-text-editor.tsx
+++ b/memento-note/components/rich-text-editor.tsx
@@ -131,7 +131,7 @@ export const RichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorPro
         Superscript,
         Subscript,
         Typography,
-        Placeholder.configure({ placeholder: placeholder || "Type '/' for commands..." }),
+        Placeholder.configure({ placeholder: placeholder || t('richTextEditor.placeholder') || "Tapez '/' pour voir les commandes..." }),
       ],
       content: content || '',
       immediatelyRender: false,
@@ -161,10 +161,10 @@ export const RichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorPro
         )}
 
         {editor && (
-          <FloatingMenu editor={editor} className="flex items-center" tippyOptions={{ placement: 'left', offset: [0, 16] }}>
+          <FloatingMenu editor={editor} className="flex items-center -ml-12" tippyOptions={{ placement: 'left' }}>
             <button
               onClick={() => editor.chain().focus().insertContent('/').run()}
-              className="flex items-center justify-center w-7 h-7 rounded-full text-muted-foreground/50 bg-transparent hover:bg-background hover:text-foreground hover:shadow-md hover:scale-110 active:scale-95 transition-all duration-300 group ring-1 ring-transparent hover:ring-border/50"
+              className="flex items-center justify-center w-6 h-6 rounded-full text-muted-foreground/40 bg-transparent hover:bg-background hover:text-foreground hover:shadow-md hover:scale-110 active:scale-95 transition-all duration-300 group ring-1 ring-transparent hover:ring-border/50"
               title={t('richTextEditor.addBlock') || 'Add block'}
               type="button"
             >
diff --git a/memento-note/locales/fr.json b/memento-note/locales/fr.json
index c7f8bd7..c4c0d20 100644
--- a/memento-note/locales/fr.json
+++ b/memento-note/locales/fr.json
@@ -460,6 +460,7 @@
     "superscript": "Exposant",
     "subscript": "Indice",
     "addBlock": "Ajouter un bloc",
+    "placeholder": "Tapez '/' pour voir les commandes...",
     "slashHint": "↑↓ naviguer · Entrée insérer · Tab changer de section",
     "slashLoading": "IA Note réfléchit...",
     "slashTabAll": "Tout",