placeholder "Type '/' for commands"

sereneinserenade · May 15, 2022 · a180bf0 · a180bf0
1 parent 9bb7b0a
commit a180bf0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/pages/Newtab/components/editor/Tiptap.scss b/src/pages/Newtab/components/editor/Tiptap.scss
@@ -25,7 +25,7 @@
     margin-top: 0.75em;
   }
 
-  p.is-editor-empty:first-child::before {
+  p.is-empty::before {
     color: #adb5bd;
     content: attr(data-placeholder);
     float: left;

diff --git a/src/pages/Newtab/components/editor/Tiptap.tsx b/src/pages/Newtab/components/editor/Tiptap.tsx
@@ -55,7 +55,9 @@ const Tiptap = ({ onUpdate, content, isNoteInBin }: TiptapProps) => {
   const editor = useEditor({
     extensions: [
       StarterKit.configure({ codeBlock: false }),
-      Placeholder.configure({ placeholder: 'Type here...' }),
+      Placeholder.configure({
+        placeholder: "Type '/' for commands…"
+      }),
       Underline,
       TaskList,
       TaskItem.configure({ nested: true }),