업데이트 후 'Admin > Badges' 페이지 레이아웃이 깨졌습니다

안녕하세요, 여러분.

Disourse 3.4.0.beta2-dev(cde4db1c6a)로 업데이트를 했는데, 배지(Badges) 관리자 페이지의 레이아웃이 조금 깨져 있는 것을 발견했습니다.

보통 배지 목록은 화면 왼쪽에 배치되어 있고, 오른쪽에서는 배지를 관리/추가/편집할 수 있습니다.

하지만 현재는 다음과 같이 왼쪽 중간에 넓고 비어 있으며 사용할 수 없는 공간이 생겼습니다:

1개의 좋아요

안전 모드로 시도해 볼 수 있을까요? 재현이 안 돼요. :thinking:

1개의 좋아요

음, Safari와 Chrome에서 모두 발생하고, 안전 모드에서도 테스트해 보니 재현이 됩니다.

좋아요, @Lilly 감사합니다. 다른 곳에서 제가 변경한 설정 때문일 수도 있겠네요. 이 건은 무시하셔도 될 것 같습니다 :blush:

1개의 좋아요

방금 테스트용 호스팅 사이트에 신규 배포를 수행했는데, 배지 관리가 정상적으로 작동하고 있습니다. 안전 모드에서 그런 행동을 한다는 것이 좀 이상하네요.

또한 사이드바 대신 헤더 드롭다운 메뉴를 사용하고, 기존 관리자 내비게이션 메뉴를 사용하는 경우에도 여전히 정상적으로 작동합니다.

4개의 좋아요

재현 방법:

  1. default locale 설정을 English (UK)(영어(영국))으로 변경합니다:

  1. 새 탭에서 Discourse를 새로고침하고 https://example.com/admin/badges로 이동합니다. 레이아웃이 깨져 있는 것을 확인할 수 있습니다:

  1. default locale 설정을 기본값인 English (US)(영어(미국))로 변경하거나 초기화합니다:

  1. 새 탭에서 Discourse를 새로고침하고 https://example.com/admin/badges로 이동합니다. 이제 레이아웃이 정상적으로 작동하는 것을 확인할 수 있습니다:

이러한 상황이 발생하는 이유나 방법에 대해 전혀 알 수 없습니다 :thinking:

근본 원인을 짚어주신 @JammyDodger님께 큰 감사를 드립니다 :blush:

이 버그를 수정할 수 있을까요? :thinking:

4개의 좋아요

감사합니다, @Richie!

여기 몇 가지 문제가 있는 것 같습니다.

  1. 영국 영어 번역에 페이지 상단의 새롭고 긴 설명이 누락되어 있습니다. 이는 ‘badges.description’ 키가 재사용되었기 때문이며, 그때 이후로 Crowdin에서 업데이트를 수행하지 않았기 때문입니다.

    번역이 자동으로 업데이트되면 곧 해결될 것입니다.

  2. 레이아웃은 설명의 길이에 따라 달라지는 것 같습니다. 미국 영어에서는 개발자 도구를 통해 설명을 짧게 변경하면 문제를 재현할 수 있습니다.

영국 영어 문자열이 업데이트된 후에도, 문자 수를 적게 사용하는 다른 언어에서도 동일한 문제가 발생할 가능성이 있으므로 이 문제는 여전히 수정할 가치가 있습니다.

변경 사항은 UX: Apply admin UI to Badges (#28724) · discourse/discourse@be5c37a · GitHub 와 관련이 있는 것 같습니다 (참조: @ella @martin)

6개의 좋아요

좋은 정보 감사합니다 @david :smiley:

4개의 좋아요

저는 캐나다에 살고 있어요. 이번 건은 영국 탓을 하고 싶네요. :laughing:

리치, 고마워요. 로케일 설정은 전혀 생각도 못 했어요. :woman_facepalming:t2:

5개의 좋아요

이건 완전히 주제에서 벗어난 이야기인데, 영어(캐나다) 로케일이 없나요? 그렇다면 영국식 영어인지 미국식 영어를 사용해야 할까요? 물론 상황에 따라 다르겠지만, 일반적으로는 어떤가요?

3개의 좋아요

우리는 보통 미국식 표현을 기본으로 써요. 여기서는 'loo’나 'trousers’를 자주 안 쓰거든요. ㅋㅋ

4개의 좋아요

문제없어요. 전 세계를 대신해 이 부분은 우리가 기꺼이 책임지겠습니다 :raised_hand:t2: :blush:

4개의 좋아요

그 부분을 찾아줘서 고마워요!

레이아웃을 더 안정적으로 만들려고 div 래퍼를 추가하고, 다른 로케일을 사용할 때 발생하는 불일치 문제를 수정했어요.

이 PR로 수정되어야 합니다:

6개의 좋아요

우리 나라 전체가 빠른 해결에 감사드립니다 @ella :bowing_man:

3개의 좋아요