텍스트가 매우 짧을 때 게시글 내용이 전체 폭을 차지하지 않음

[fangjue (方觉)]

우선순위/심각도: 중간

플랫폼: 모바일, 모든 OS/브라우저, Horizon 테마 사용 시

설명: 주제가 화면 너비의 일부에만 들어가는 짧은 텍스트만 포함하는 경우, 주제 내용 박스가 전체 너비를 차지하지 않고 오른쪽에 빈 공간이 남습니다.

Pull request: Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub

재현 단계:

1. 짧은 제목과 내용을 가진 새 주제를 생성합니다. 예를 들어:
   Test short topic
   Very short body text.
2. 본문 텍스트보다 더 넓은 모바일 화면에서 주제를 엽니다. 이 예시에서는 Chrome DevTools에서 Pixel 7 크기로 시뮬레이션되었습니다.
3. 줄바꿈이 발생하는 다른 긴 주제들과 달리, 주제 내용이 전체 너비를 차지하지 않습니다. 화면 오른쪽에 예상치 못한 여백이 생깁니다. 또한 버튼들이 페이지의 다른 요소들과 올바르게 정렬되지 않습니다.
4. 더 긴 답글이 게시되면 레이아웃이 정상으로 돌아옵니다.

매우 짧은 주제 내용으로 인한 잘못된 레이아웃:

아래의 파란색 주제 답글 버튼과 달리, 게시 시간, 버튼 및 진행률이 오른쪽으로 정렬되지 않음을 주의하십시오.

더 긴 답글이 게시된 후, 레이아웃이 정상으로 돌아옵니다:

(오류로 인해 다음 답변에서 업로드할 예정입니다: 오류 발생: 죄송합니다. 신규 사용자는 게시글에 임베디드 미디어 항목을 하나만 넣을 수 있습니다.)

[fangjue (方觉)]

예상 레이아웃(긴 답변이 게시된 후의 레이아웃 포함):

[awesomerobot (Kris)]

보고해 주셔서 감사합니다. PR도 감사드립니다! 문제를 재현해 보고 수정 사항이 정상적으로 작동하는지 확인했습니다. 곧 병합되어 Discourse 업데이트에 반영될 예정입니다.