조금일 뿐이지만, 숫자의 폭이 균일하지 않아 스크롤을 내리면 왼쪽의 관리자 메뉴 버튼이 흔들리는 현상이 발생합니다(몇 픽셀 차이일 뿐이지만, 가끔 의외로 눈이 거슬립니다).
모노스페이스 폰트를 사용하면 경험이 개선될 것입니다. ![]()
조금일 뿐이지만, 숫자의 폭이 균일하지 않아 스크롤을 내리면 왼쪽의 관리자 메뉴 버튼이 흔들리는 현상이 발생합니다(몇 픽셀 차이일 뿐이지만, 가끔 의외로 눈이 거슬립니다).
모노스페이스 폰트를 사용하면 경험이 개선될 것입니다. ![]()
Good suggestion! I don’t think we’d necessarily need to change the font… we could alternatively make sure the container for the numbers is always wider than the content so there’s some “buffer” space for them to expand without shifting the layout.
패딩과 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일 후 자동으로 닫혔습니다. 더 이상 새로운 답변을 작성할 수 없습니다.