# Логотипы категорий отображаются крупнее оригинального размера

**URL:** https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981
**Category:** Bug
**Created:** [09.Ноябрь.2022 11:58:34 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981 "2022-11-09T11:58:34Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![T\_Disco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/t_disco/32/455171_2.png) [@T\_Disco](https://meta.discourse.org/u/T_Disco)
#### Post date: [09.Ноябрь.2022 11:58:34 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/1 "2022-11-09T11:58:34Z")

</div>

После обновления до версии 2.9.0.beta11 я заметил, что логотипы категорий отображаются крупнее оригинального размера изображения, из-за чего картинка выглядит размытой, а текст описания выстраивается в вертикальный столбец:

 ![The-STEP-Forums-Before](https://global.discourse-cdn.com/meta/original/4X/2/5/c/25cf2dd917c98141bd35f96735bdfa0c5bcd4933.png)

В качестве временного решения я добавил пользовательский CSS-класс для устранения проблемы:

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

```

 ![The-STEP-Forums-After](https://global.discourse-cdn.com/meta/original/4X/5/c/b/5cb597bb043324f5b02f983274e3410a984078f1.png)

Для примера перейдите по адресу: [https://forum.step.org/](https://forum.step.org/), откройте инструменты разработчика для одного из изображений категорий и отключите указанный выше пользовательский класс. Проблема также возникает на отдельных страницах категорий, например: [Contentious Trusts & Estates - The STEP Forums](https://forum.step.org/c/contentious-trusts/5)

Похоже, что активным становится следующий класс:

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

```

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [10.Ноябрь.2022 01:13:58 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/2 "2022-11-10T01:13:58Z")

</div>

Я помню, что нам пришлось доработать этот участок. Можете подтвердить, что вы обновились до последней версии `tests-passed`?

---

<div class="post-metadata">

### Author: ![T\_Disco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/t_disco/32/455171_2.png) [@T\_Disco](https://meta.discourse.org/u/T_Disco)
#### Post date: [10.Ноябрь.2022 09:08:31 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/3 "2022-11-10T09:08:31Z")

</div>

Привет, @sam,

Я обновился вчера в полдень (GMT) до версии 2.9.0.beta11 ([de2382a652](https://github.com/discourse/discourse/commits/de2382a652784650996202baae25e922cc1f9898))

Вот что указано на странице обновления:  
Репозиторий:  
discourse de2382a6

версия: в разделе params файла app.yml закомментирована строка tests-passed.

Это та информация, которая вам нужна, или есть где-то ещё более подробные данные, которые я могу предоставить?

Спасибо,  
Том

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [16.Январь.2023 10:47:16 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/4 "2023-01-16T10:47:16Z")

</div>

Привет, Том 🙂

Это всё ещё проблема для тебя?

---

<div class="post-metadata">

### Author: ![T\_Disco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/t_disco/32/455171_2.png) [@T\_Disco](https://meta.discourse.org/u/T_Disco)
#### Post date: [16.Январь.2023 10:59:38 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/5 "2023-01-16T10:59:38Z")

</div>

Привет @JammyDodger 🙂

Да, версия Discourse теперь 3.0.0.beta16.

Спасибо,  
Том

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [16.Январь.2023 11:24:42 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/6 "2023-01-16T11:24:42Z")

</div>

Хм. 🤔 Это неприятно. Я надеялся, что всё «магически» исправится. 🙂 Мне кажется, что после изменения класса `category-logo` у нас возник ряд подобных проблем, и почти все они уже решились. Также есть этот отчёт: [Category logo image overlaid by text after recent update](https://meta.discourse.org/t/category-logo-image-overlaid-by-text-after-recent-update/242656) — возможно, стоит заглянуть туда (@Amicable), чтобы проверить, есть ли у вас что-то общее, что может быть причиной сохранения этой проблемы в вашем случае.

---

<div class="post-metadata">

### Author: ![Amicable](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amicable/32/68902_2.png) [@Amicable](https://meta.discourse.org/u/Amicable)
#### Post date: [17.Январь.2023 12:28:27 UTC](https://meta.discourse.org/t/category-logos-displaying-larger-than-the-original-size/244981/7 "2023-01-17T12:28:27Z")

</div>

Я только что обновился и убрал применявшееся мной исправление CSS ([Category logo image overlaid by text after recent update - #19 by Amicable](https://meta.discourse.org/t/category-logo-image-overlaid-by-text-after-recent-update/242656/19?u=amicable)), чтобы посмотреть, как обстоят дела сейчас.

Ошибка больше не возникает, значит, _что-то_ изменилось с того времени (октябрь 2022 года) и до сегодняшнего дня. Хотя сказать точно, что именно, я не могу 😐. Могу лишь отметить, что моя установка является стандартной, и ошибка _казалась_ вызванной кэшированием CSS на стороне сервера.
