Skip to content

Community 상세 본문 전체 폭과 긴 문자열 표시 개선 - #108

Draft
dhslove wants to merge 4 commits into
ablecloud-team:mainfrom
dhslove:codex/issue-107-detail-content-overflow
Draft

Community 상세 본문 전체 폭과 긴 문자열 표시 개선#108
dhslove wants to merge 4 commits into
ablecloud-team:mainfrom
dhslove:codex/issue-107-detail-content-overflow

Conversation

@dhslove

@dhslove dhslove commented Aug 29, 2026

Copy link
Copy Markdown
Contributor

개요

Community 전체 폭 상세 화면에서도 게시물 문단이 약 82글자 폭으로 제한돼 콘텐츠 영역 일부만 사용하던 문제를 수정합니다. 작성 원문은 변경하지 않고 렌더링 CSS와 Composer의 시각적 긴 문자열 처리만 보완합니다.

원인

  • Post Body는 약 1383px로 확장됐지만 p, li, blockquotemax-width: 82ch가 남아 일반 문단은 약 728px만 사용했습니다.
  • 일반 질문 원문에는 Composer가 추가한 <br>·<wbr>가 없었습니다.
  • 긴 URL·Hash·Inline Code는 좁은 문단 폭과 기존 줄바꿈 규칙의 영향을 함께 받았습니다.

변경 내용

  • 상세 p·li·blockquote·목록의 82ch 제한 제거
  • 일반 문단과 목록을 Post Body 가용 폭 100%로 확장
  • URL·Hash·Inline Code에 overflow-wrap:anywhere 적용
  • 한국어 일반 문장은 word-break:keep-all 유지
  • Code·Log prewhite-space:pre와 가로 Scroll 유지
  • 넓은 Table은 Post Body 안에서만 가로 Scroll
  • Composer는 white-space:pre-wrap으로 시각적 줄바꿈하고 저장 원문은 변경하지 않음
  • 최종 해결 카드·Hero·목록 배지·상태 칩·선택 미리보기를 ABLESTACK 블루 계열로 통일
  • 온라인 상태점처럼 해결 상태와 의미가 다른 녹색 표시는 유지

검증

  • Community Theme 계약 시험 17건 통과
  • WSL 활성화·비활성화 롤백·재활성화 Cycle 통과
  • WSL 해결 팔레트 Cycle issue107-solution-blue-20260829 통과
  • 1920px Post Body·일반 문단: 1383px로 일치
  • 긴 문자열 후보 내부 가로 넘침 0
  • 원문 BR/WBR 수 변경 없음
  • 390px 모바일 가로 넘침 0
  • 운영 Nginx·PHP-FPM·MariaDB Active, Local HTTP 200
  • Source·Vendor LESS SHA-256 일치
  • 운영 토론 #176에서 해결 카드 Accent #155eef, Border #8fb5ef, Surface #edf4ff, Ink #0b3b91 확인

운영 범위

  • 독립 Community Theme만 배포
  • Flarum Core·DB Schema·게시물·첨부·AI Gateway·GitHub→Chat 변경 없음
  • 백업: /var/backups/techflow-flarum/theme-issue107-solution-blue-20260829

Closes #107

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

Community 상세 본문 전체 폭과 긴 문자열 줄바꿈 개선

1 participant