sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-07 06:23:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

tooltip portal

Browse Source
This commit is contained in:
Philipinho
2026-03-28 19:19:00 +00:00
parent 7981ef462e
commit 859f16740b
1 changed files with 43 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/editor/components/table/table-menu.tsx
+43 -11
View File
@@ -34,7 +34,7 @@ export const TableMenu = React.memo(
if (isTextSelected(editor)) return false; if (isTextSelected(editor)) return false;
return editor.isActive("table") && !isCellSelection(state.selection); return editor.isActive("table") && !isCellSelection(state.selection);
}, },
[editor] [editor],
); );
const getReferencedVirtualElement = useCallback(() => { const getReferencedVirtualElement = useCallback(() => {
@@ -121,7 +121,11 @@ export const TableMenu = React.memo(
shouldShow={shouldShow} shouldShow={shouldShow}
> >
<div className={classes.toolbar}> <div className={classes.toolbar}>
<Tooltip position="top" label={t("Add left column")}> <Tooltip
position="top"
label={t("Add left column")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={addColumnLeft} onClick={addColumnLeft}
variant="subtle" variant="subtle"
@@ -132,7 +136,11 @@ export const TableMenu = React.memo(
</ActionIcon> </ActionIcon>
</Tooltip> </Tooltip>
<Tooltip position="top" label={t("Add right column")}> <Tooltip
position="top"
label={t("Add right column")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={addColumnRight} onClick={addColumnRight}
variant="subtle" variant="subtle"
@@ -143,7 +151,11 @@ export const TableMenu = React.memo(
</ActionIcon> </ActionIcon>
</Tooltip> </Tooltip>
<Tooltip position="top" label={t("Delete column")}> <Tooltip
position="top"
label={t("Delete column")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={deleteColumn} onClick={deleteColumn}
variant="subtle" variant="subtle"
@@ -156,7 +168,11 @@ export const TableMenu = React.memo(
<div className={classes.divider} /> <div className={classes.divider} />
<Tooltip position="top" label={t("Add row above")}> <Tooltip
position="top"
label={t("Add row above")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={addRowAbove} onClick={addRowAbove}
variant="subtle" variant="subtle"
@@ -167,7 +183,11 @@ export const TableMenu = React.memo(
</ActionIcon> </ActionIcon>
</Tooltip> </Tooltip>
<Tooltip position="top" label={t("Add row below")}> <Tooltip
position="top"
label={t("Add row below")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={addRowBelow} onClick={addRowBelow}
variant="subtle" variant="subtle"
@@ -178,7 +198,7 @@ export const TableMenu = React.memo(
</ActionIcon> </ActionIcon>
</Tooltip> </Tooltip>
<Tooltip position="top" label={t("Delete row")}> <Tooltip position="top" label={t("Delete row")} withinPortal={false}>
<ActionIcon <ActionIcon
onClick={deleteRow} onClick={deleteRow}
variant="subtle" variant="subtle"
@@ -191,7 +211,11 @@ export const TableMenu = React.memo(
<div className={classes.divider} /> <div className={classes.divider} />
<Tooltip position="top" label={t("Toggle header row")}> <Tooltip
position="top"
label={t("Toggle header row")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={toggleHeaderRow} onClick={toggleHeaderRow}
variant="subtle" variant="subtle"
@@ -202,7 +226,11 @@ export const TableMenu = React.memo(
</ActionIcon> </ActionIcon>
</Tooltip> </Tooltip>
<Tooltip position="top" label={t("Toggle header column")}> <Tooltip
position="top"
label={t("Toggle header column")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={toggleHeaderColumn} onClick={toggleHeaderColumn}
variant="subtle" variant="subtle"
@@ -215,7 +243,11 @@ export const TableMenu = React.memo(
<div className={classes.divider} /> <div className={classes.divider} />
<Tooltip position="top" label={t("Delete table")}> <Tooltip
position="top"
label={t("Delete table")}
withinPortal={false}
>
<ActionIcon <ActionIcon
onClick={deleteTable} onClick={deleteTable}
variant="subtle" variant="subtle"
@@ -228,7 +260,7 @@ export const TableMenu = React.memo(
</div> </div>
</BubbleMenu> </BubbleMenu>
); );
} },
); );
export default TableMenu; export default TableMenu;