usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-12-29 00:21:52 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: tag suggestions positioning (#2151)

Browse source
This commit is contained in:
Maciej Kasprzyk 2023-08-18 02:41:24 +02:00 committed by GitHub
parent 3f82729e9f
commit 735cfda768
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/MemoEditor/Editor/TagSuggestions.tsx
View file

@ -94,8 +94,8 @@ const TagSuggestions = ({ editorRef, editorActions }: Props) => {
if (!isVisibleRef.current || !position) return null;
return (
<div
className="z-2 p-1 absolute max-w-[12rem] rounded font-mono shadow bg-zinc-200 dark:bg-zinc-600"
style={{ left: position.left - 6, top: position.top + position.height + 2 }}
className="tag-suggestions z-20 p-1 absolute max-w-[12rem] rounded font-mono shadow bg-zinc-200 dark:bg-zinc-600"
style={{ left: position.left, top: position.top + position.height }}
>
{suggestionsRef.current.map((tag, i) => (
<div

10
web/src/less/memo-editor.less
View file

@ -12,6 +12,11 @@
}
}
.tag-suggestions {
margin-left: 6px;
margin-top: 18px;
}
.tag-action > .tag-list {
@apply bottom-7;
top: unset !important;
@ -22,6 +27,11 @@
}
}
.tag-suggestions {
margin-left: -10px;
margin-top: 2px;
}
> .memo-editor {
@apply mt-4 flex flex-col justify-start items-start relative w-full h-auto bg-inherit dark:text-gray-200;
}