Предварительный просмотр списков тем (TLP)

Да, изображения по умолчанию не включены… их нужно активировать в настройках компонента темы. Ищите все настройки, в описании которых упоминаются «Изображения по умолчанию».

Также обратите внимание, что если вы решите идентифицировать элементы по тегам, убедитесь, что эти темы помечены соответствующими тегами.

Я заметил, что весь div с классами “tiles-grid-item topic-list-item” становится серым при наведении, и курсор меняется на указатель, однако кликабельным является не весь элемент/карточка, а только текст и заголовок. Можно ли сделать так, чтобы кликабельным был весь элемент/карточка?

Как я это обнаружил и почему прошу внести изменения: если у меня короткий заголовок, то пространство справа от него не кликабельно, но серый фон и курсор-указатель говорят об обратном. В моём случае я также установил изображения на 25% ширины, поэтому всё пространство вокруг изображения не кликабельно, хотя фон и курсор создают такое впечатление.

Мне кажется, что проблема в том, что ссылка привязана к тексту и изображению, а не к окружающему div-контейнеру, который отвечает за изменение цвета фона и курсора при наведении.

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

1 лайк

Заголовок, текстовый фрагмент превью и миниатюра должны быть кликабельными.

Я пробовал сделать кликабельной всю поверхность (что, безусловно, логично с функциональной точки зрения), но это вызвало проблему с EmberJS: клики по заголовку перестали работать, поэтому я убрал эту возможность.

Проблема возникает из-за того, что я использую стандартный компонент Title, и вложение его внутрь ссылки, похоже, вызывает конфликты?

Если у вас получится это реализовать, не стесняйтесь создать Pull Request.

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

ха-ха, вы меня польстили — но пока это слишком сложно для моих навыков CSS/JS. Вместо этого я отключу курсор-указатель для элемента/карточки, а также изменение цвета фона при наведении :slight_smile:

1 лайк

Последний коммит ломает компонент в стабильной версии (и, вероятно, также в 3.1.0beta6 и ниже). Не могли бы вы добавить файл .discourse-compatibility?

1 лайк

Добро пожаловать в PR

NB: Поддержка предыдущих версий или ветки Stable никогда не планировалась, но если это может помочь в её организации, пожалуйста, действуйте.

Не могли бы вы сообщить хэш коммита для последнего изменения в ядре, которое вы внесли?

Я не разрабатывал это решение самостоятельно, а скопировал подход из PR Дэвида для плагина «News Plugin», который включал такую запись:

Странно, что эта запись не помогла одному пользователю, которому пришлось вручную зафиксировать форк?

ОДНАКО: я нашёл коммит, и он находится здесь: DEV: Convert share-topic modal to new component-based API (#22154) · discourse/discourse@c6cd3af · GitHub

Но он помечен как: v3.1.0.beta7 :thinking: ?!

Так что я предполагаю, что здесь мы могли бы добавить:

< 3.1.0.beta7: a4c3fc6ed3caf8f4aa93b20f44ad14d200794823?

@RGJ Я уже закоммитил это:

Дайте знать, решило ли это вашу проблему или нет…

2 лайка

Похоже, что так, спасибо!

2 лайка

Обратите внимание, я поменял их местами — я думаю, что более новый коммит должен быть сверху.

Странная ошибка/поведение.
В разделе Администрирование > Настройка > Темы > Светлая тема > Пользовательский CSS/HTML > Подвал я добавил простой HTML-код, чтобы добавить подвал на наш сайт сообщества.
При включении этого компонента указанный HTML-код не отображается. Я проверил: он не скрыт через CSS из-за какого-то случайного конфликта стилей, он просто не загружается.
Есть какие-либо идеи, что это может быть?

<div class="px-6 text-white bg-black h-[250px] md:h-[187px] lg:h-[198px] cust-footer">
	<div class="flex flex-col justify-between h-full py-10 md:flex-row-reverse md:items-center ">
		<div class="socials"><a href="https://coherence.io/discord"><img src="https://coherence.io/images/icon-discord.png" alt="Discord"></a><a href="https://www.facebook.com/coherence.io"><img src="https://coherence.io/images/icon-fb.svg" alt="Facebook"></a><a href="https://twitter.com/coherenceio"><img src="https://coherence.io/images/icon-twit.svg" alt="Twitter"></a><a href="https://www.instagram.com/coherence_io"><img src="https://coherence.io/images/icon-insta.svg" alt="Instagram"></a><a href="https://www.linkedin.com/company/coherence-io"><img src="https://coherence.io/images/icon-linkedin.svg" alt="LinkedIn"></a></div>
		<div class="flex flex-col gap-2"><a href="https://coherence.io/"><img src="https://coherence.io/images/coherence-logo-white.svg" alt="coherence logo" class="w-32 h-6 mx-auto lg:w-40 lg:h-10 logo md:-ml-2 lg:ml-0"></a><div class="copyright">©2023 coherence ApS. Все права защищены.</div><div class="flex flex-wrap justify-center w-full gap-4 mt-8 md:mt-4 md:justify-start"><a class="text-white border-b-2 border-blue" href="https://coherence.io/privacy">Политика конфиденциальности</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/terms">Условия использования</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/careers">Карьера</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/ggj">Global Game Jam</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/blog">Блог</a></div></div></div>
	</div>
</div>

Могу я спросить — как это связано с компонентом темы «Предварительный просмотр списка тем»?

Значит, вы тоже удивлены? Я постараюсь проиллюстрировать:
Это отображается на каждой странице сообщества.

Без включенного компонента Previews. У меня есть подвал (желтый) с содержимым. Голубым обозначены другие основные компоненты, чтобы показать положение подвала.

С включенным компонентом Previews. Содержимое подвала (желтый) полностью исчезает, div пуст.

1 лайк

TLP вообще не должен затрагивать страницу Категорий (она структурирована так, что исключает точечное переопределение — к тому же там нет места для дополнительных элементов!), если только у вас не включены Изображения для избранных записей.

Вы видите какие-либо красные элементы в консоли?

@per_coh Я могу воспроизвести, спасибо за настойчивость.

Очень странно!!

Однако, насколько я могу судить, ошибок JavaScript нет.

Также нет конкуренции за этот плагин.

Я займусь более глубоким анализом, когда будет время, однако, не стесняйтесь создать PR с исправлением, если найдёте его.

1 лайк

Спасибо @merefield, очень ценю это. Мне нравится этот компонент, он прекрасный и простой в использовании.
Единственное, что я заметил, независимо от того, важно это или нет, — это то, что ember-«id» футера меняется между 156 и 157. Почти как будто 157 зарезервирован?

@merefield этот компонент создает проблемы в расширенном поиске. Несмотря на наличие множества результатов поиска (более 50), в списке отображается только один.

Вот ошибка в консоли:

4 лайка

Спасибо за отчет. Я посмотрю. Почти наверняка это breaking change из ядра.

1 лайк

Это исправлено:

4 лайка