Skip to content

fix(title): improve line-height for 5xl/6xl sizes and fix storybook base path#15

Merged
bob-obringer merged 1 commit intomainfrom
fix/title-line-height-storybook-base-path
Jan 19, 2026
Merged

fix(title): improve line-height for 5xl/6xl sizes and fix storybook base path#15
bob-obringer merged 1 commit intomainfrom
fix/title-line-height-storybook-base-path

Conversation

@bob-obringer
Copy link
Copy Markdown
Collaborator

Summary

  • Title line-height fix: Changed leading-none to leading-[1.1] for 5xl and 6xl title sizes to prevent text overlap on multi-line headings
  • Storybook base path: Made configurable via STORYBOOK_BASE_PATH env var (local dev uses /, production builds use /ui/)
  • New story: Added LargeMultiLine story demonstrating the line-height fix

Changes

  • src/lib/variants.ts - Updated titleVariants 5xl/6xl line-height
  • .storybook/main.ts - Added dynamic base path configuration
  • .storybook/manager-head.html - Removed hardcoded base tag
  • .storybook/preview-head.html - Removed hardcoded base tag
  • package.json - Updated build-storybook script, bumped to 1.1.0
  • title.stories.tsx - Added LargeMultiLine story
  • CHANGELOG.md - Documented changes

Test plan

  • Verified in Storybook - large multi-line titles render without text overlap
  • Type check passes
  • Lint passes

Screenshots

Large titles with proper line spacing:
Title LargeMultiLine story

🤖 Generated with Claude Code

@vercel
Copy link
Copy Markdown

vercel bot commented Jan 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
ui Ready Ready Preview, Comment Jan 19, 2026 0:14am

Request Review

…ase path

Title:
- Changed leading-none to leading-[1.1] for 5xl and 6xl title sizes to
  prevent text overlap on multi-line headings
- Added LargeMultiLine story demonstrating the fix

Storybook:
- Made base path configurable via STORYBOOK_BASE_PATH env var
  (defaults to "/" for local dev, "/ui/" for production builds)
- Removed hardcoded <base href="/ui/"> from manager-head.html and
  preview-head.html, now injected conditionally via main.ts

Purple Dawn Theme:
- Fixed dark mode --primary color - was nearly gray (chroma 0.02),
  now vibrant purple (oklch(0.65 0.18 290))

ResizableHandle:
- Added focus-visible:bg-primary for focus state
- Added data-[resize-handle-state=active]:bg-primary for active state
- Added focus-visible:ring-offset-background for proper ring offset color
- Updated withHandle grip to show purple on focus/active states

Added:
- /quick-fixes Claude Code skill for streamlined bug fix workflow

Bumped version to 1.1.0

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@bob-obringer bob-obringer force-pushed the fix/title-line-height-storybook-base-path branch from 6f46944 to ea5d9e7 Compare January 19, 2026 00:13
@bob-obringer bob-obringer merged commit f40478d into main Jan 19, 2026
1 check failed
@bob-obringer bob-obringer deleted the fix/title-line-height-storybook-base-path branch January 19, 2026 00:14
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.

1 participant