음, 제안해 주신 대로 --max-height를 변경해 봤는데, 인스펙터에서는 해당 부분이 업데이트되는 것으로 보이지만 이미지는 여전히 같은 크기를 유지하고 있습니다.
인스펙터에서 --aspect-ratio 값이 설정되어 있지 않은 것 같다는 걸 발견했습니다(Chrome에서 해당 값으로 가는 클릭 가능한 링크가 없습니다). 그리고 어디서 설정되는지 도저히 파악이 안 됩니다. Discourse의 GitHub 코드를 검색해 봤지만 여전히 찾을 수가 없네요.
--aspect-ratio가 어디서 설정되는지 찾거나, 어떤 값을 설정해야 하는지 혹시 아이디어가 있으신가요?
수정: 문제를 찾았습니다. 높이가 Discourse Category Headers theme component 에 의해 설정되고 있었네요.
.category-header-widget .category-logo.aspect-image,
.category-header-widget .category-logo.aspect-image>img {
float: left;
margin: 0 0.5em 0.25em 0;
max-height: 150px;
}
그래서 제 테마에서 max-height를 오버라이드했습니다.
category-header-widget .category-logo.aspect-image,
.category-header-widget .category-logo.aspect-image>img {
max-height: 80px;
}
수정 #2: 제안해 주신 방법은 카테고리 페이지의 카테고리 아이콘에는 잘 작동했습니다. 감사합니다!