chore(ui): improve block editor drop cursor by adding width and color (#13689)

This commit is contained in:
Sachin Chaurasiya 2023-10-24 01:44:20 +05:30 committed by GitHub
parent 21a3b14c28
commit 689b22b618
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions

View File

@ -15,6 +15,7 @@ import Placeholder from '@tiptap/extension-placeholder';
import TaskItem from '@tiptap/extension-task-item';
import TaskList from '@tiptap/extension-task-list';
import StarterKit from '@tiptap/starter-kit';
import { DROP_CURSOR_COLOR } from '../../../constants/BlockEditor.constants';
import BlockAndDragDrop from './BlockAndDragDrop/BlockAndDragDrop';
import DiffView from './diff-view';
import { Focus } from './focus';
@ -48,6 +49,10 @@ export const extensions = [
class: 'om-leading-normal',
},
},
dropcursor: {
width: 4,
color: DROP_CURSOR_COLOR,
},
}),
Placeholder.configure({
showOnlyWhenEditable: true,

View File

@ -45,3 +45,5 @@ export const CLICKABLE_NODES = [
'svg',
'IFRAME',
];
export const DROP_CURSOR_COLOR = '#ebf6fe';