Привет! Я давно модератор на форуме Discourse и очень люблю эту платформу. Однако в последнем обновлении, кажется, изменилось форматирование скрытых блоков, и это нарушило отображение «тир-листа», который я веду на нашем форуме.
Позвольте продемонстрировать…
(РЕДАКТИРОВАНИЕ: Как новый пользователь здесь, я могу добавить только одно изображение в сообщение, поэтому не могу показать пример. Публикую это сообщение, и если кто-то сможет продемонстрировать проблему ниже, это было бы отлично. В противном случае вы можете увидеть проблему здесь: https://www.neomonstersforum.com/t/neo-monsters-tier-list-see-first-post/26946/2)
При редактировании в предпросмотре они показываются горизонтально, но через несколько секунд после сохранения изменений в сообщении они переворачиваются в вертикальное положение.
Похоже на баг, так как форматирование не согласованное, и раньше это работало иначе.
Полагаю, проблема в том, что к вашим изображениям применяется лайтбокс, из-за чего они растягиваются на всю ширину. Я почти уверен, что раньше это не применялось к таким маленьким изображениям, так что, возможно, это и есть причина. Кроме того, я посмотрел CSS, и в теге [details] не было недавних изменений.
Если коротко: вот CSS, который вы можете добавить в свою тему или новый компонент темы:
Кстати, я думаю, что изображение должно быть встроенным внутри [details]. Это поведение по умолчанию вне этого тега, и это даст пользователю выбор между встроенным и блочным отображением.
РЕДАКТИРОВАНИЕ: Как выяснил Moin, применение лайтбокса к маленьким изображениям связано с:
Большое спасибо @Moin за то, что выяснили, что lightbox теперь применяется к изображениям меньшего размера, чем раньше. Я свяжусь с администратором нашего форума и попробую попросить их внести изменения в тему или компонент темы, используя предложение по CSS.
