Изображение логотипа категории перекрыто текстом после недавнего обновления

После недавнего обновления (в последние несколько недель) все изображения категорий теперь перекрыты текстом. Сайт работает на версии 2.9.0 beta 10, используется стандартная тема, плагины отсутствуют.

Это происходит на всех устройствах, пример ниже:

Иногда перекрытие затрагивает одну-две темы. Я не могу разместить ссылку на сайт здесь, так как он виден только подписчикам.

В последнее время поступало несколько сообщений об этом, и, по-моему, это связано с новой функцией логотипов категорий в тёмной/светлой теме. В этой теме было предложено несколько исправлений:

1 лайк

Здравствуйте,

В последнее время в этот раздел были внесены некоторые изменения: FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub и FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub.

Не могли бы вы обновить свой сайт? Это, скорее всего, исправит проблему. :slightly_smiling_face:

1 лайк

Я обновился до последней версии 2.9.0 beta 10. Это должно было исправить проблему? Я обновлялся через интерфейс.

Это исправляет изображения для категории «Пейзаж», которые у нас есть, но не для портретных. Размер портретного изображения составляет 638 × 1024, что в наши дни кажется недостаточным :slightly_frowning_face:

1 лайк

Извините, возможно, я неправильно понял это.

Эти обновления вышли 1–2 дня назад. Поэтому ваша версия Discourse, скорее всего, их не содержит, если вы обновлялись несколько недель назад.


Можете ли вы поделиться ссылкой на ваш сайт, чтобы я мог проверить это, если он публичный? :slightly_smiling_face:

Проблема возникла недавно, но сайт актуален. Он не является публичным.

1 лайк

Вы также можете скопировать и вставить точный номер вашей версии из панели управления, если не можете поделиться ссылкой. :+1:

2 лайка
2 лайка

Кажется, у вас эти исправления уже есть. Возможно, учтена ширина, но не высота. :thinking: Для большей части команды сейчас выходные, но я вижу, что @Don пишет, так что, надеюсь, он сможет оперативно найти решение для сообщества. :crossed_fingers: :slight_smile:

1 лайк

Попробуйте запустить в безопасном режиме. К сожалению, у меня на тестовом сайте воспроизвести это не удалось. Моя лучшая догадка, не видя саму ситуацию, — это кастомный код из компонента, который вызывает проблему.

1 лайк

Без изменений в безопасном режиме. Сайт ванильный, за исключением пары плагинов для входа через социальные сети.

@Amicable У меня тоже не получается воспроизвести эту проблему. Я сделал скриншот вашего изображения и загрузил его в локальную категорию — верстка в порядке:

Какие размеры у вашего оригинального изображения?

Я вижу, что ваше опубликованное изображение имеет размер 638x1024, а то, которое я использовал, — 770x1144, так что они очень похожи.

Может, попробовать выполнить другую сборку? Если это не поможет, не могли бы вы предоставить полный список используемых вами плагинов? Возможно, один из этих плагинов переопределяет шаблон категории, что может конфликтовать с обновленными стилями в ядре.

Возможно, это связано с обновлением через веб-интерфейс. У меня уже было подобное с проблемами CSS. Может быть, старые таблицы стилей снова сохраняются?

У меня запущен только один плагин — менеджер Docker.

Снова уехал и не смогу выполнить обновление на сервере до возвращения позже на этой неделе. Обновление через веб-интерфейс сегодня не устранило проблему.

Возможно, стоит ещё раз напомнить, что исправление CSS для изображений категорий в ландшафтной ориентации применено и работает.

1 лайк

Я добавил строку в компонент CSS-исправления для работы с портретными изображениями категорий. Теперь компонент CSS-изображения категории выглядит так:

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
    max-height: 300px;
  }
}

Это временно решает мою проблему, хотя остаётся более широкая проблема: стили сохраняются при обновлении через веб-интерфейс.

@pmusaraj, если вы скажете, какую часть CSS нужно проверить, чтобы подтвердить это странное поведение, я отчитаюсь. Я также могу предоставить доступ к учётной записи через ЛС, как это было у вас раньше.

Краткое обновление для закрытия этой проблемы. Я недавно убрал исправление компонента CSS, и проблема исчезла. Точно не знаю, какой именно пуш её решил, но, скорее всего, это было обновление от команды Discourse где-то между октябрем и сейчас.

1 лайк

Спасибо за обновление. :+1: Жаль, что нам не удалось докопаться до коренной причины, но я рад, что вопрос решён. :slight_smile:

Эта тема была автоматически закрыта через 2 дня. Новые ответы больше не принимаются.