fix(docs): improve Korean title wrapping in updates - #2070
Conversation
|
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
Included review availability: Your plan provides up to 4 included reviews per hour; 2 remain after this review. 📝 WalkthroughWalkthrough업데이트 목록, 릴리즈 카드, 상세 페이지의 제목 줄바꿈 스타일을 조정했다. 일반 업데이트 제목에는 균형 잡힌 줄바꿈과 긴 단어 처리를 적용했다. 릴리즈 제목에는 기존 조건을 유지했다. Changes업데이트 제목 레이아웃
Estimated code review effort: 1 (간단) | ~5분 Merge Risk: ⚪ Minimal · up to This change only improves Korean title wrapping in Updates, with no actionable merge-blocking risk remaining after normal checks and review. Suggested reviewers: 🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
안녕하세요, SEED 문서를 보다가 Updates에 제목이 줄바꿈되면 가독성이 더 좋아질 수 있을 것 같아 PR 남겨봅니다.
변경 배경
Updates의 한국어 제목이 글자 단위로 줄바꿈되면서 마지막 글자나 어절 일부가 다음 줄에 홀로 남는 문제가 있었습니다.
변경 내용
Updates에서 제목을 표시하는 다음 세 영역에
text-balance break-keep wrap-anywhere를 적용했습니다.각 클래스는 다음과 같이 동작합니다.
text-balance: 각 줄의 길이를 균형 있게 배치합니다.break-keep: 가능하면 한국어 어절을 유지합니다.wrap-anywhere: 정상적인 줄바꿈 지점이 없는 긴 문자열은 필요한 경우에만 줄바꿈합니다.break-words와 달리wrap-anywhere를 사용하면 flex나 grid 안의 텍스트 요소에 별도로min-w-0을 지정하지 않아도 레이아웃이 깨지지 않습니다. (fine-grained-text-wrapping-with-overflow-wrap)이번 변경은 Updates의 제목 영역에만 적용했습니다. 동작과 방향성이 적절하다고 판단되면, 추후 공용
DocsTitle을 포함한 다른 제목 영역에도 같은 줄바꿈 패턴을 확대 적용할 수 있습니다.변경 전후
아티클 제목
Release Notes 카드 제목
Blog 카드 제목
검증
bun docs:test— 283개 테스트 통과bun generate:allbun packages:buildChangeset
문서 사이트에만 적용되는 스타일 변경이므로 changeset은 추가하지 않았습니다.
Summary by CodeRabbit