Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-02-24 04:00:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

editor: position color picker according to mouse position

Browse Source
This commit is contained in:
Abdullah Atta
2024-09-10 10:05:35 +05:00
committed by Abdullah Atta
parent 452ff12071
commit 49e85dfa87
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/editor/src/toolbar/tools/colors.tsx
View File

@@ -53,7 +53,7 @@ export function ColorTool(props: ColorToolProps) {
const position: PositionOptions = useMemo(() => {
return {
isTargetAbsolute: true,
target: getToolbarElement(),
target: isBottom ? getToolbarElement() : "mouse",
align: isBottom ? "center" : "end",
location: isBottom ? "top" : "below",
yOffset: 10
@@ -135,8 +135,8 @@ export function Highlight(props: ToolProps) {
title={"Background color"}
onColorChange={(color) =>
color
? editor.chain().focus().setHighlight(color).run()
: editor.chain().focus().unsetHighlight().run()
? editor.chain().setHighlight(color).run()
: editor.chain().unsetHighlight().run()
}
/>
);
@@ -152,8 +152,8 @@ export function TextColor(props: ToolProps) {
title="Text color"
onColorChange={(color) =>
color
? editor.chain().focus().setColor(color).run()
: editor.chain().focus().unsetColor().run()
? editor.chain().setColor(color).run()
: editor.chain().unsetColor().run()
}
/>
);