Skip to content

fix(docs): improve Korean title wrapping in updates - #2070

Open
woohyun-park wants to merge 2 commits into
daangn:devfrom
woohyun-park:fix/update-title-wrapping
Open

fix(docs): improve Korean title wrapping in updates#2070
woohyun-park wants to merge 2 commits into
daangn:devfrom
woohyun-park:fix/update-title-wrapping

Conversation

@woohyun-park

@woohyun-park woohyun-park commented Aug 22, 2026

Copy link
Copy Markdown

안녕하세요, SEED 문서를 보다가 Updates에 제목이 줄바꿈되면 가독성이 더 좋아질 수 있을 것 같아 PR 남겨봅니다.

변경 배경

Updates의 한국어 제목이 글자 단위로 줄바꿈되면서 마지막 글자나 어절 일부가 다음 줄에 홀로 남는 문제가 있었습니다.

변경 내용

Updates에서 제목을 표시하는 다음 세 영역에 text-balance break-keep wrap-anywhere를 적용했습니다.

  • 일반 포스트의 상세 페이지 제목
  • Release Notes 카드 제목
  • Blog 카드 제목

각 클래스는 다음과 같이 동작합니다.

  • text-balance: 각 줄의 길이를 균형 있게 배치합니다.
  • break-keep: 가능하면 한국어 어절을 유지합니다.
  • wrap-anywhere: 정상적인 줄바꿈 지점이 없는 긴 문자열은 필요한 경우에만 줄바꿈합니다. break-words와 달리 wrap-anywhere를 사용하면 flex나 grid 안의 텍스트 요소에 별도로 min-w-0을 지정하지 않아도 레이아웃이 깨지지 않습니다. (fine-grained-text-wrapping-with-overflow-wrap)

이번 변경은 Updates의 제목 영역에만 적용했습니다. 동작과 방향성이 적절하다고 판단되면, 추후 공용 DocsTitle을 포함한 다른 제목 영역에도 같은 줄바꿈 패턴을 확대 적용할 수 있습니다.

변경 전후

아티클 제목

As-is To-be
변경 전 아티클 제목 변경 후 아티클 제목

Release Notes 카드 제목

As-is To-be
변경 전 Release Notes 카드 제목 변경 후 Release Notes 카드 제목

Blog 카드 제목

As-is To-be
변경 전 Blog 카드 제목 변경 후 Blog 카드 제목

검증

  • bun docs:test — 283개 테스트 통과
  • bun generate:all
  • bun packages:build
  • Updates 목록과 포스트 상세 페이지에서 반응형 레이아웃 수동 확인

Changeset

문서 사이트에만 적용되는 스타일 변경이므로 changeset은 추가하지 않았습니다.

Summary by CodeRabbit

  • 개선 사항
    • 업데이트 및 릴리즈 카드 제목의 줄바꿈과 텍스트 배치를 개선했습니다.
    • 긴 단어나 문장도 카드 영역을 벗어나지 않고 자연스럽게 표시됩니다.
    • 일반 업데이트 게시물 제목의 가독성과 줄바꿈 균형을 조정했습니다.

@changeset-bot

changeset-bot Bot commented Aug 22, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 6eb134f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@coderabbitai

coderabbitai Bot commented Aug 22, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 6129bcaf-92b1-4f55-bc1a-703359a875c7

📥 Commits

Reviewing files that changed from the base of the PR and between 74738ce and 6eb134f.

📒 Files selected for processing (1)
  • docs/app/updates/[slug]/page.tsx

Included review availability: Your plan provides up to 4 included reviews per hour; 2 remain after this review.


📝 Walkthrough

Walkthrough

업데이트 목록, 릴리즈 카드, 상세 페이지의 제목 줄바꿈 스타일을 조정했다. 일반 업데이트 제목에는 균형 잡힌 줄바꿈과 긴 단어 처리를 적용했다. 릴리즈 제목에는 기존 조건을 유지했다.

Changes

업데이트 제목 레이아웃

Layer / File(s) Summary
제목 줄바꿈 스타일 적용
docs/app/updates/page.tsx, docs/app/updates/release-card.tsx, docs/app/updates/[slug]/page.tsx
업데이트 카드와 일반 포스트 제목에 text-balance, break-keep, wrap-anywhere를 추가했다. 릴리즈 카드에서 min-w-0break-words를 제거하고 wrap-anywhere를 적용했다.

Estimated code review effort: 1 (간단) | ~5분

Merge Risk: ⚪ Minimal · up to 6eb13

This change only improves Korean title wrapping in Updates, with no actionable merge-blocking risk remaining after normal checks and review.

Suggested reviewers: junghyeonsu, te6-in

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 66.67% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 3 functions across 3 files. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed 제목은 Updates 문서의 한국어 제목 줄바꿈 개선이라는 주요 변경 사항을 정확하고 간결하게 설명합니다.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@te6-in
te6-in requested a review from junghyeonsu August 27, 2026 02:22
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