diff --git a/src/app.css b/src/app.css index e1c6bb592c..eb4e149993 100644 --- a/src/app.css +++ b/src/app.css @@ -401,6 +401,17 @@ input[type='number'] { } } +.tiptap .mention { + border-radius: 0.4rem; + box-decoration-break: clone; + padding: 0.1rem 0.3rem; + @apply text-blue-900 dark:text-blue-100 bg-blue-300/20 dark:bg-blue-500/20; +} + +.tiptap .mention::after { + content: '\200B'; +} + .input-prose .tiptap ul[data-type='taskList'] { list-style: none; margin-left: 0; diff --git a/src/lib/components/common/RichTextInput.svelte b/src/lib/components/common/RichTextInput.svelte index c2756ff28f..f23734d925 100644 --- a/src/lib/components/common/RichTextInput.svelte +++ b/src/lib/components/common/RichTextInput.svelte @@ -967,6 +967,12 @@ Highlight, Typography, + Mention.configure({ + HTMLAttributes: { + class: 'mention' + } + }), + TableKit.configure({ table: { resizable: true } }), diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte index 7dea75d11a..94313c347b 100644 --- a/src/lib/components/layout/Sidebar.svelte +++ b/src/lib/components/layout/Sidebar.svelte @@ -498,7 +498,7 @@ : ''} py-2 px-1.5 flex flex-col justify-between text-black dark:text-white h-full border-e border-gray-50 dark:border-gray-850" >