diff --git a/app/assets/javascripts/components/NotesContextMenu.tsx b/app/assets/javascripts/components/NotesContextMenu.tsx index b2f9aa323..1d2c1f86d 100644 --- a/app/assets/javascripts/components/NotesContextMenu.tsx +++ b/app/assets/javascripts/components/NotesContextMenu.tsx @@ -16,7 +16,7 @@ const NotesContextMenu = observer(({ appState }: Props) => { ); const closeOnClickOutside = (event: MouseEvent) => { - if (!contextMenuRef.current?.contains(event.target as Node)) { + if (!contextMenuRef.current?.contains(event.target as Node)) { appState.notes.setContextMenuOpen(false); } }; diff --git a/app/assets/javascripts/components/NotesOptions.tsx b/app/assets/javascripts/components/NotesOptions.tsx index 5b1c5c698..4eb3aa8b0 100644 --- a/app/assets/javascripts/components/NotesOptions.tsx +++ b/app/assets/javascripts/components/NotesOptions.tsx @@ -75,7 +75,10 @@ export const NotesOptions = observer( const { offsetTop, offsetWidth } = tagsButtonRef.current; setTagsMenuPosition({ top: offsetTop, - right: ((buttonRect.right + 265) > document.body.clientWidth) ? offsetWidth : -offsetWidth, + right: + buttonRect.right + 265 > document.body.clientWidth + ? offsetWidth + : -offsetWidth, }); setTagsMenuOpen(!tagsMenuOpen); }} @@ -92,9 +95,12 @@ export const NotesOptions = observer( >
- {"Add tag"} + {'Add tag'}
- + { @@ -104,19 +110,19 @@ export const NotesOptions = observer( } }} style={{ - ...tagsMenuPosition + ...tagsMenuPosition, }} className="sn-dropdown sn-dropdown-anchor-right flex flex-col py-2 max-w-265" > - {appState.tags.tags.map(tag => ( + {appState.tags.tags.map((tag) => ( ))} @@ -129,7 +135,10 @@ export const NotesOptions = observer( appState.notes.setPinSelectedNotes(!pinned); }} > - + {pinned ? 'Unpin notes' : 'Pin notes'}