Skip to content

Fix #13: Make the title line have a subtle underline - #20

Open
github-actions[bot] wants to merge 1 commit into
mainfrom
claude/issue-13
Open

Fix #13: Make the title line have a subtle underline#20
github-actions[bot] wants to merge 1 commit into
mainfrom
claude/issue-13

Conversation

@github-actions

@github-actions github-actions Bot commented Feb 1, 2026

Copy link
Copy Markdown

Closes #13

Demo

Demo

Demo

Demo

Summary

Added a subtle gray underline to the title line (first line) of notes using CSS text-decoration. The underline uses a semi-transparent gray color (rgba 0.25 opacity) with 1px thickness and slight offset for a tasteful, polished appearance that visually separates the title from the body content without being distracting.

Before & After

Before After
before after
Title displayed without underline Title now has a subtle gray underline for visual separation

Files Changed

  • src/components/Editor.css: Added text-decoration properties to .first-line-title class including underline with rgba(128, 128, 128, 0.25) color, 1px thickness, and 0.18em offset

Tests

  • e2e/issues/13/verify.spec.ts - Verification test with before/after screenshots
  • e2e/issues/13/demo.spec.ts - Demo recording showing the underline in action
  • e2e/issues/13/debug.spec.ts - Debug test confirming CSS styles are properly applied (computed styles show textDecorationLine: 'underline')

🤖 Generated with Claude Code

Co-Authored-By: Claude <claude@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make the title line have a subtle underline

1 participant