모바일 보기의 주제 진행도에 고정 폭 숫자 사용

조금일 뿐이지만, 숫자의 폭이 균일하지 않아 스크롤을 내리면 왼쪽의 관리자 메뉴 버튼이 흔들리는 현상이 발생합니다(몇 픽셀 차이일 뿐이지만, 가끔 의외로 눈이 거슬립니다).

모노스페이스 폰트를 사용하면 경험이 개선될 것입니다. :slightly_smiling_face:

5개의 좋아요

좋은 제안입니다! 폰트를 꼭 바꿀 필요는 없을 것 같습니다… 대신 숫자를 담는 컨테이너가 항상 콘텐츠보다 넓게 설정되도록 해서, 레이아웃이 흔들리지 않고 숫자가 확장될 수 있는 ‘버퍼’ 공간을 확보하는 방법도 있습니다.

4개의 좋아요

패딩과 ch 단위를 조금 만져보았지만, 정말 완벽한 방법은 없는 것 같습니다. 모노스페이스 폰트 아이디어가 더 나은 선택이라고 생각하지만, 현재 사용하고 있는 JetBrains 폰트는 제 눈에는 약간 어색하게 보입니다:

ch 단위를 사용할 수는 있지만, 예를 들어 4ch는 9/XX까지, 5ch는 99/XX까지, 6ch는 거의 모든 경우(XX/100까지)를 커버할 수 있습니다. 하지만 그렇게 하면 대부분의 시간 동안 불필요하게 넓어 보일 수도 있지 않을까요?

어쨌든 당분간은 6ch 최소 너비를 구현해 보겠습니다. 이렇게 하면 대부분의 주제에서 개선될 것입니다.

수정: UX: improve progress styling on mobile - Pull Request #34886 - discourse/discourse - GitHub

이 주제는 5일 후 자동으로 닫혔습니다. 더 이상 새로운 답변을 작성할 수 없습니다.