yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-09-02 13:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/index.ts
View File

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

2
openmetadata-ui/src/main/resources/ui/src/constants/BlockEditor.constants.ts
View File

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