Как мне запретить Discourse изменять дизайн моего форума?

Поддержка
1

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

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

image
image1036×942 80.5 KB

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

Как я уже говорил, это случалось и раньше. Я обращался с этой проблемой, но не получил должной помощи. Почему это происходит? И как мне это предотвратить?

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

Спасибо!

2

Я не могу назвать точную причину этого, возможно, какое-то новое обновление Discourse (или используемая вами тема или плагин) изменило CSS. Вы используете пользовательскую тему?

Вам может помочь (если вы можете изменить CSS вашего сайта) удаление (или изменение) отступа, примененного к логотипу (в .ember-view > a.category-title-link > div.category-logo.aspect-image в обозревателе HTML для каждого элемента категории):

.category-logo.aspect-image { 
    ...
    margin: 0.33em 2em 2em 0; # удалить
}

Вышеуказанный CSS заставляет описания смещаться вправо. Если вы удалите его, а затем примените отступ слева и уберете левый отступ у описания, чтобы оно осталось выровненным, это должно решить вашу проблему (хотя я не проводил тщательных тестов):

.categories-list .category .category-description {
    margin-left: 75px;
    padding: 0;
}

Что касается того, почему это произошло и повторится ли что-то подобное в будущем, возможно, команда Discourse сможет дать более подробное объяснение.

3

Когда ваш сайт автоматически обновляется, он включает все изменения, которые мы внесли между одной и другой выкладкой. Если вы изменили только CSS сайта, это вряд ли приведет к поломкам (скорее, какая-то часть может перестать работать, потому что какой-то элемент был рефакторирован или изменён и т. п.). Однако, если вы изменили шаблоны или используете JS-скрипты, вероятность поломки возрастает, когда мы что-то меняем.

Хотя мы всегда стараемся максимально предвидеть возможные последствия, внося существенные изменения, которые могут повлиять как на размещённые, так и на самостоятельно размещённые сайты, создавая отдельные темы в категории #feature:announcements, незначительные изменения публикуются на GitHub только до выхода новой бета-версии.

Вы можете легко исправить свой код, как отметил @lucasbasquerotto, но у нас нет возможности заранее предупредить вас о любых вносимых изменениях или уведомить перед выкладкой на сайт.

4

Я изменил только CSS сайта, так как я не разработчик и не знаю, как делать что-то ещё.

Тема, которую я использую для своего форума, — Zeronoise, которую я нашёл здесь на вашем сайте.

Спасибо за ваш ответ! Однако это пока не помогает мне понять, что я делаю не так. Если вы сможете объяснить, в чём моя ошибка, я перестану её совершать. Все темы и компоненты тем, которые я устанавливаю, от вас. Я изменяю только CSS в этих темах.

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

5

Спасибо большое! Я проведу несколько тестов!

6

Так что вам нужно лишь сообщить об этой проблеме в той теме, и создатель темы исправит её надлежащим образом. После этого вам останется только обновить тему.

7

Похоже, мне не хватает ключевой информации об экосистеме Discourse, из-за чего я не до конца понимаю ваше предложение. Если моя тема «ломается», мне действительно нужно обращаться к её создателю для исправления? Почему тема вообще ломается?

Мне просто нужно написать создателю что-то вроде: «Привет, мой текст раньше был здесь, а теперь он там. Можешь это исправить?». После чего создатель изменит код темы, мне придётся заново скачать тему, загрузить её в Discourse, перенести мои CSS-настройки из старой версии (чтобы мои дизайнерские правки сохранились), и тогда всё будет выглядеть как надо?

И мне придётся повторять этот процесс каждые пару недель, пока обновления Discourse не будут снова сдвигать мой дизайн?

Как другие пользователи обходят эту проблему? Я предполагаю, что большинство делает CSS-настройки для своих тем, верно?

8

Хрупкость, вероятно, зависит от того, как вы пишете CSS. Можете привести примеры того, как вы переопределяете стили в тех разделах, которые недавно перестали работать? Также, ваш форум доступен публично? Было бы очень полезно увидеть, как стили вашего форума отличаются от тем по умолчанию.

9

Мой форум можно посмотреть здесь.

Первая проблема касалась ширины моего контейнера:

image
image2168×720 127 KB

Через неделю или около того после того, как я завершил оформление, я зашёл на форум и заметил, что контейнер стал значительно уже. Текст, который раньше занимал две строки, теперь занимал три или четыре.

Вторая проблема — это то, о чём я сообщаю в этой теме. Мой текст случайным образом нарушал выравнивание.

Я просто беспокоюсь, потому что мой 28-дневный пробный период ещё не закончился, а я уже столкнулся с этим дважды.

10

Существуют официальные темы оформления (создаваемые командой Discourse, например, светлая и тёмная темы), а также неофициальные. Если сломалась официальная тема, её должен исправить разработчик Discourse. Если же проблема в неофициальной теме, следует обратиться к её создателю, ведь команде Discourse нереально исправлять каждую сломанную тему (в этом форуме тему может опубликовать кто угодно, включая меня и вас).

Скорее всего, CSS сломался из-за изменений, внесённых командой Discourse, которые непреднамеренно затронули стили темы. В таком случае исправлять должен создатель темы, либо вы можете сделать форк их репозитория и внести правки самостоятельно. Также можно нанять кого-нибудь на канале Marketplace. Это может быть не тем, чего вы ожидали, но, к сожалению, для неофициальных тем здесь мало что можно сделать. Хорошая новость в том, что исправление, судя по всему, простое, как я показывал в своём предыдущем сообщении.

Тем не менее, похоже, что эта тема принадлежит команде Discourse, поскольку репозиторий находится здесь:

Поэтому, возможно, стоит обратиться к команде Discourse, если только я чего-то не упускаю.

Вы можете убедиться, что проблема именно в теме, зайдя в безопасный режим по адресу: https://forum.actionvfx.com/safe-mode

Затем отключите только тему и нажмите «OK»: описания выровняются.