이 주제에서 검색 반응형 레이아웃 문제: Ubuntu 기본 폰트 관련

안녕하세요, 제 사이트에서 Firefox를 사용할 때 특정 줌 레벨에서 이상한 렌더링 문제가 발생하고 있습니다. 문제는 검색 “in this topic” 텍스트가 두 줄로 줄바꿈되는 것입니다. 시스템 기본 글꼴이 "Ubuntu"로 설정되어 있고 줌 레벨이 100% 또는 110%일 때만 발생하는 것 같습니다. 또한 제 Discourse 프로필 인터페이스 글꼴 크기 설정이 "Larger"로 되어 있습니다. Sam’s Simple Theme과 기본 Discourse 라이트 테마 모두에서 동일한 동작을 확인했으며, 모든 테마 구성 요소를 비활성화해 보았지만 기본 글꼴 스타일을 제외한 다른 커스터마이징과는 관련이 없는 것 같습니다.

Sam’s Simple Theme과 기본 Arial 글꼴을 사용한 Discourse Meta, 버그 없음 (제 사이트에서도 Arial 기본 글꼴 사용 시 동일)

Sam’s Simple Theme과 “Ubuntu” 기본 글꼴을 사용한 제 포럼

100% 줌, 버그 존재:

110% 줌, 버그 존재:

120% 줌, 버그 없음:

90% 줌, 버그 없음:

1개의 좋아요

이것은 여전히 작동하지만 레이아웃이 어긋나 있으므로 #contribute:ux로 다시 분류했습니다. 보고해 주셔서 감사합니다. 이는 간단한 수정 사항이며, 해당 텍스트가 줄바꿈되지 않도록 약간의 CSS로 처리해야 합니다.

3개의 좋아요

크리스, 정말 감사합니다! UX 요소를 추가하거나 제거하거나 이동하는 것과 관련이 없다면 'UX’라고 불러도 되는지 확신이 없었어요. 제 테마 커스터마이징에서도 몇 군데에서 텍스트 줄바꿈 문제를 겪고 있어서, CSS 수정이 어떻게 될지 궁금합니다. 물론 그건 제 탓이긴 하지만요. :wink:

1개의 좋아요

이것으로 해결될 것입니다:

단순히 버튼의 CSS에 white-space: nowrap을 적용한 것입니다.

4개의 좋아요

크리스, 정말 감사해! 그 수정 사항을 커스텀 테마 컴포넌트에 추가하니 훨씬 나아졌어. 이제 100% 확대율에서만 스크롤바가 표시되고, 가로로 약 5px 정도 이동할 수 있는 새로운 특이점이 생겼어:

1개의 좋아요