yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-09-04 06:33:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor: add wrapper for table in block editor to make it scrollable (#15574)

Browse Source 
* Minor: add wrapper for table in block editor to make it scrollable

* Refactor TableMenu component to use class name 'tableWrapper' instead of attribute 'data-om-table'
This commit is contained in:
Sachin Chaurasiya 2024-03-14 21:49:59 +05:30 committed by GitHub
parent 234164584a
commit 2d1cc58664
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -124,6 +124,7 @@ export const extensions = [
class: 'om-table', class: 'om-table',
'data-om-table': 'om-table', 'data-om-table': 'om-table',
}, },
resizable: true,
}), }),
TableRow.configure({ TableRow.configure({
HTMLAttributes: { HTMLAttributes: {

2
openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/TableMenu/TableMenu.tsx
View File

@ -32,7 +32,7 @@ const TableMenu = (props: TableMenuProps) => {
const handleMouseDown = useCallback((event: MouseEvent) => { const handleMouseDown = useCallback((event: MouseEvent) => {
const target = event.target as HTMLElement; const target = event.target as HTMLElement;
const table = target?.closest('[data-om-table]'); const table = target?.closest('.tableWrapper');
if (table?.contains(target)) { if (table?.contains(target)) {
tableMenuPopup.current?.setProps({ tableMenuPopup.current?.setProps({

4
openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/block-editor.less
View File

@ -27,6 +27,10 @@
// this is to have enough space after last node, referred from the reference editor // this is to have enough space after last node, referred from the reference editor
padding-bottom: 30vh; padding-bottom: 30vh;
} }
.om-block-editor > .tableWrapper {
width: 100%;
overflow-x: auto;
}
// show placeholder when editor is in focused mode // show placeholder when editor is in focused mode
.tiptap.ProseMirror-focused .is-node-empty.has-focus::before { .tiptap.ProseMirror-focused .is-node-empty.has-focus::before {
color: @grey-3; color: @grey-3;