Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
canifa_note
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Vũ Hoàng Anh
canifa_note
Commits
17fc8383
Commit
17fc8383
authored
Feb 23, 2026
by
Steven
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix(web): improve MemoEditor layout and timestamp popover styling
parent
150371d2
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
8 additions
and
4 deletions
+8
-4
index.tsx
web/src/components/MemoEditor/Editor/index.tsx
+1
-1
TimestampPopover.tsx
...src/components/MemoEditor/components/TimestampPopover.tsx
+1
-1
index.tsx
web/src/components/MemoEditor/index.tsx
+5
-1
en.json
web/src/locales/en.json
+1
-1
No files found.
web/src/components/MemoEditor/Editor/index.tsx
View file @
17fc8383
...
...
@@ -192,7 +192,7 @@ const Editor = forwardRef(function Editor(props: EditorProps, ref: React.Forward
>
<textarea
className={cn(
"w-full
my-1 text-base resize-none overflow-x-hidden overflow-y-auto bg-transparent outline-none placeholder:opacity-70 whitespace-pre-wrap break-words
",
"w-full
text-base resize-none overflow-x-hidden overflow-y-auto bg-transparent outline-none placeholder:opacity-70 whitespace-pre-wrap wrap-break-word
",
// Focus mode: flex-1 h-0 to grow within flex container; Normal: h-full to fill wrapper
isFocusMode ? "flex-1 h-0" : "h-full",
)}
...
...
web/src/components/MemoEditor/components/TimestampPopover.tsx
View file @
17fc8383
...
...
@@ -67,7 +67,7 @@ export const TimestampPopover: FC = () => {
<
PopoverTrigger
asChild
>
<
button
type=
"button"
className=
"w-
full text-sm text-muted-foreground -mb-1
text-left hover:text-foreground transition-colors cursor-pointer"
className=
"w-
auto text-sm text-muted-foreground
text-left hover:text-foreground transition-colors cursor-pointer"
>
{
formatDate
(
createTime
)
}
</
button
>
...
...
web/src/components/MemoEditor/index.tsx
View file @
17fc8383
...
...
@@ -133,7 +133,11 @@ const MemoEditorImpl: React.FC<MemoEditorProps> = ({
{
/* Exit button is absolutely positioned in top-right corner when active */
}
<
FocusModeExitButton
isActive=
{
state
.
ui
.
isFocusMode
}
onToggle=
{
handleToggleFocusMode
}
title=
{
t
(
"editor.exit-focus-mode"
)
}
/>
{
memoName
&&
<
TimestampPopover
/>
}
{
memoName
&&
(
<
div
className=
"w-full -mb-1"
>
<
TimestampPopover
/>
</
div
>
)
}
{
/* Editor content grows to fill available space in focus mode */
}
<
EditorContent
ref=
{
editorRef
}
placeholder=
{
placeholder
}
autoFocus=
{
autoFocus
}
/>
...
...
web/src/locales/en.json
View file @
17fc8383
...
...
@@ -35,7 +35,7 @@
"confirm"
:
"Confirm"
,
"copy"
:
"Copy"
,
"create"
:
"Create"
,
"created-at"
:
"Created
A
t"
,
"created-at"
:
"Created
a
t"
,
"database"
:
"Database"
,
"day"
:
"Day"
,
"days"
:
"Days"
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment