카테고리 로고가 원본 크기보다 크게 표시됨

2.9.0.beta11로 업그레이드한 후, 카테고리 로고가 원본 이미지 크기보다 크게 표시되어 이미지가 흐릿해 보이고 설명 텍스트가 세로 줄로 표시되는 문제를 발견했습니다:

임시 조치로 문제를 해결하기 위해 사용자 정의 CSS 클래스를 추가했습니다:

.category-logo.aspect-image img {
    width: auto !important;
}

예를 보려면 https://forum.step.org/에 접속하여 카테고리 이미지 중 하나를 검사한 후, 위의 사용자 정의 클래스를 선택 해제해 보세요. 개별 카테고리 페이지(예: https://forum.step.org/c/contentious-trusts/5)에서도 동일한 문제가 발생합니다.

다음과 같은 클래스가 활성화되는 것으로 보입니다:

.category-logo.aspect-image img {
    width: calc(var(--max-height) * var(--aspect-ratio));
}

이 부분을 개선해야 했다는 기억이 나는데, 최신 tests-passed 버전으로 업그레이드했는지 확인해 주시겠어요?

@sam 님, 안녕하세요.

어제 낮(GMT)에 2.9.0.beta11(de2382a652)로 업그레이드했습니다.

업그레이드 페이지에 표시된 내용은 다음과 같습니다:
Repository:
discourse de2382a6

version: app.yml 파일의 params 섹션에서 tests-passed가 주석 처리되어 있습니다.

이 정보가 필요한 내용인지, 아니면 다른 곳에서 더 자세한 정보를 제공할 수 있는지 알려 주실 수 있을까요?

감사합니다.
Tom

1개의 좋아요

톰, 안녕하세요 :slight_smile:

여전히 문제가 되고 있나요?

안녕하세요 @JammyDodger :slight_smile:

네 맞습니다. 현재 Discourse 버전은 3.0.0.beta16입니다.

감사합니다,
Tom

1개의 좋아요

음. :thinking: 실망스럽네요. ‘마법처럼 고쳐지길’ 바랐거든요. :slight_smile: category-logo 클래스 변경 이후에 이런 문제가 연이어 발생했을 때, 거의 모든 것이 다시 정상으로 돌아왔던 것 같아요. 또한 이 보고서 Category logo image overlaid by text after recent update 도 있으니, (@Amicable) 님께 확인을 요청해 보시는 것도 좋을 것 같습니다. 이 문제를 계속 겪고 계신 것과 관련이 있을 수 있는 공통점이 있는지 살펴볼 수 있을 거예요.

1개의 좋아요

방금 업그레이드를 진행했고, 이전에 적용했던 CSS 수정 사항(Category logo image overlaid by text after recent update - #19 by Amicable)을 제거하여 현재 상태를 확인해 보았습니다.

더 이상 오류가 발생하지 않으므로, 그때(2022년 10월)와 현재 사이에 무언가가 변경된 것입니다. 다만 정확히 무엇이 변경되었는지는 알 수 없습니다 :neutral_face: . 다만 제 설치 환경은 바닐라 상태이며, 오류가 서버 측 CSS 캐시 때문인 것처럼 보였다는 점은 말씀드릴 수 있습니다.

2개의 좋아요