fix: title H1 layout — no emoji gap, add-icon above title, larger font

- Remove reserved left space when note has no emoji icon (conditional render)
- Move "Add icon" button above the title row (Notion-style hover reveal)
- Increase title font size to 32px and top padding to 32px for proper H1 weight
- Update smoke test to validate no-emoji layout and new hover target

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Test
2026-03-29 19:28:58 +02:00
parent 2746fb88ad
commit 46856b4dc2
3 changed files with 35 additions and 11 deletions

View File

@@ -203,13 +203,23 @@ export function EditorContent({
{showEditor && activeTab && (
<div className="editor-scroll-area">
<div className="title-section">
<div className="title-section__row">
{!emojiIcon && (
<NoteIcon
icon={emojiIcon}
icon={null}
editable={!isTrashed}
onSetIcon={handleSetIcon}
onRemoveIcon={handleRemoveIcon}
/>
)}
<div className="title-section__row">
{emojiIcon && (
<NoteIcon
icon={emojiIcon}
editable={!isTrashed}
onSetIcon={handleSetIcon}
onRemoveIcon={handleRemoveIcon}
/>
)}
<TitleField
title={activeTab.entry.title}
filename={activeTab.entry.filename}