From 689b22b618ff23c7409ebce1488aef30438c453f Mon Sep 17 00:00:00 2001 From: Sachin Chaurasiya Date: Tue, 24 Oct 2023 01:44:20 +0530 Subject: [PATCH] chore(ui): improve block editor drop cursor by adding width and color (#13689) --- .../ui/src/components/BlockEditor/Extensions/index.ts | 5 +++++ .../main/resources/ui/src/constants/BlockEditor.constants.ts | 2 ++ 2 files changed, 7 insertions(+) diff --git a/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/index.ts b/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/index.ts index 72db4a0bafa..86f7d8dabc6 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/index.ts +++ b/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/index.ts @@ -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, diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/BlockEditor.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/BlockEditor.constants.ts index 9cc2b8a8cca..b2bffd8e7f8 100644 --- a/openmetadata-ui/src/main/resources/ui/src/constants/BlockEditor.constants.ts +++ b/openmetadata-ui/src/main/resources/ui/src/constants/BlockEditor.constants.ts @@ -45,3 +45,5 @@ export const CLICKABLE_NODES = [ 'svg', 'IFRAME', ]; + +export const DROP_CURSOR_COLOR = '#ebf6fe';