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;
return editor.isActive("table") && !isCellSelection(state.selection);
},
[editor]
[editor],
);
const getReferencedVirtualElement = useCallback(() => {
@@ -121,7 +121,11 @@ export const TableMenu = React.memo(
shouldShow={shouldShow}
>
<div className={classes.toolbar}>
<Tooltip position="top" label={t("Add left column")}>
<Tooltip
position="top"
label={t("Add left column")}
withinPortal={false}
>
<ActionIcon
onClick={addColumnLeft}
variant="subtle"
@@ -132,7 +136,11 @@ export const TableMenu = React.memo(
</ActionIcon>
</Tooltip>
<Tooltip position="top" label={t("Add right column")}>
<Tooltip
position="top"
label={t("Add right column")}
withinPortal={false}
>
<ActionIcon
onClick={addColumnRight}
variant="subtle"
@@ -143,7 +151,11 @@ export const TableMenu = React.memo(
</ActionIcon>
</Tooltip>
<Tooltip position="top" label={t("Delete column")}>
<Tooltip
position="top"
label={t("Delete column")}
withinPortal={false}
>
<ActionIcon
onClick={deleteColumn}
variant="subtle"
@@ -156,7 +168,11 @@ export const TableMenu = React.memo(
<div className={classes.divider} />
<Tooltip position="top" label={t("Add row above")}>
<Tooltip
position="top"
label={t("Add row above")}
withinPortal={false}
>
<ActionIcon
onClick={addRowAbove}
variant="subtle"
@@ -167,7 +183,11 @@ export const TableMenu = React.memo(
</ActionIcon>
</Tooltip>
<Tooltip position="top" label={t("Add row below")}>
<Tooltip
position="top"
label={t("Add row below")}
withinPortal={false}
>
<ActionIcon
onClick={addRowBelow}
variant="subtle"
@@ -178,7 +198,7 @@ export const TableMenu = React.memo(
</ActionIcon>
</Tooltip>
<Tooltip position="top" label={t("Delete row")}>
<Tooltip position="top" label={t("Delete row")} withinPortal={false}>
<ActionIcon
onClick={deleteRow}
variant="subtle"
@@ -191,7 +211,11 @@ export const TableMenu = React.memo(
<div className={classes.divider} />
<Tooltip position="top" label={t("Toggle header row")}>
<Tooltip
position="top"
label={t("Toggle header row")}
withinPortal={false}
>
<ActionIcon
onClick={toggleHeaderRow}
variant="subtle"
@@ -202,7 +226,11 @@ export const TableMenu = React.memo(
</ActionIcon>
</Tooltip>
<Tooltip position="top" label={t("Toggle header column")}>
<Tooltip
position="top"
label={t("Toggle header column")}
withinPortal={false}
>
<ActionIcon
onClick={toggleHeaderColumn}
variant="subtle"
@@ -215,7 +243,11 @@ export const TableMenu = React.memo(
<div className={classes.divider} />
<Tooltip position="top" label={t("Delete table")}>
<Tooltip
position="top"
label={t("Delete table")}
withinPortal={false}
>
<ActionIcon
onClick={deleteTable}
variant="subtle"
@@ -228,7 +260,7 @@ export const TableMenu = React.memo(
</div>
</BubbleMenu>
);
}
},
);
export default TableMenu;