방금 메타 및 리뷰에서 이 버튼들이 줄바꿈되는 걸 확인했어요:
(Linux에서 Chromium)
3개의 좋아요
내일 @awesomerobot 님이 한번 살펴볼 만한 내용일까요?
2개의 좋아요
Windows/MacOS에서는 이를 재현할 수 없습니다… 스크롤바가 추가되면서 폭이 어긋나는 것 같습니다… 그래서 사용자 이름의 max-width를 조금 줄이고 패딩도 몇 픽셀 덜어냈습니다.
2개의 좋아요
오, 정말 도움이 되네요. 더 나은 수정안을 만들어 볼 수 있을 것 같아요.
6개의 좋아요
오, 좋은 수정이네요! 그 메뉴 영역의 하드코딩된 폭을 일부 제거할 수 있게 되어, 많은 콘텐츠가 들어 있는 상황을 더 잘 처리할 수 있게 되었습니다.
플렉스 레이아웃에서는 아이콘에 공간을 우선 배정하고 있으므로, 아이콘은 절대 줄바꿈되지 않고 필요한 경우 사용자 이름이 더 많이 잘리게 됩니다. 반대로, 이는 일반적으로 사용자 이름 잘림 처리도 더 잘 이루어진다는 뜻이므로, 긴 사용자 이름도 이전보다 덜 잘리게 됩니다(기본 글꼴 크기에서 더 많은 공간이 사용 가능한 경우)…
4개의 좋아요
메뉴에도 같은 마법을 걸 수 있을까요?
이렇게 하면 해결될 것 같은데, 비슷한 문제가 있었어요. 하드코딩된 폭이 있었는데, 이제 글꼴 크기 변경 시 더 잘 확장되어야 합니다:
4개의 좋아요