Компонент рождественского декора 🎄

[meghna (Meghna Jalan)]

Добавьте немного праздничного настроения на ваш форум — представляем компонент новогоднего декора!

Этот компонент включает три элемента декора:

1. Рождественские гирлянды
2. Новогодние шапки
3. Изображение новогоднего декора

Каждый элемент можно включить или отключить индивидуально в настройках темы. Для Изображения новогоднего декора также доступна настройка инверсии цветов для форумов с тёмной темой.

Идея для рождественских гирлянд вдохновлена предложениями @Canapin.

С Рождеством!

	Предпросмотр	Предпросмотр в конструкторе тем
	Репозиторий на GitHub	discourse-christmas-decorations
	Инструкция по установке	Как установить тему или компонент темы

[david (David Taylor)]

Очень здорово! Одна небольшая деталь — кажется, что включение изображения-декорации не даёт никакого эффекта. Возможно, в SCSS нужно добавить условие if?

[meghna (Meghna Jalan)]

Спасибо, что обратили на это внимание! Я уже исправил это.

[Jonathan5]

Отлично, спасибо. Гораздо проще как компонент темы, чем как отдельная тема.

Шляпы заработали сразу, а вот с фонариками пришлось повозиться — например, переключал флажки включения/выключения (хотя не уверен, что именно это помогло) и перезапустил приложение iOS Hub. Но, думаю, для фонариков это нормально

[meghna (Meghna Jalan)]

@Jonathan5

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

Рад, что вам понравилось!

@Jonathan5

но мне пришлось повозиться, чтобы заставить подсветку работать

Это странно. Я только что проверил установку компонента (снова) в конструкторе тем, и всё заработало с первого раза. Дайте знать, если проблема сохранится.

[Jonathan5]

Всё работает. Возможно, дело в кэшировании — аватары обновляются раньше, чем панель меню. «Кэширование» — отличное универсальное оправдание, так как я в этом не разбираюсь.

[sunjam (james.network)]

Хм, возможно, модераторы могли бы включить этот компонент здесь, на meta, чтобы убедиться, что он работает…

[tachibanalolo]

В моём discourse шапка и свет работают нормально, однако изображение декорации не отображается. Не понимаю, почему это происходит.

[Jonathan5]

Если это поможет, декоративный элемент отображается только на компьютере: в левом верхнем и правом верхнем углах.

[tachibanalolo]

Да, я знаю, но на компьютере ничего не отображается.

[meghna (Meghna Jalan)]

Изображение украшения отображается, когда минимальная ширина экрана составляет 1450px. Вы просматриваете сайт на маленьком мониторе или ноутбуке?

[tachibanalolo]

Ох. Я пробовал это на своём мониторе с разрешением 2K, и там всё работает. Сейчас я использую Lenovo Yoga Duet (похож на Microsoft Surface), и там оно исчезает. Однако возможно ли отобразить это на небольшом мониторе или ноутбуке?

[tachibanalolo]

Будет жаль, что пользователи ноутбуков не увидят колокольчик… Мне это нравится. Это символ Рождества.

[meghna (Meghna Jalan)]

Вы можете сделать форк темы и настроить параметры ширины экрана.

[tachibanalolo]

Круто! Я попробую! Спасибо за помощь!

[iamntz (Ionuț Staicu)]

Если у вас есть другие компоненты, которые отображаются до декораций, вы можете попробовать добавить этот CSS, чтобы заставить гирлянду отображаться первой:

#main-container > * {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-container .lightrope {
  order: -1;
}

(это может нарушить работу других интеграций, поэтому тщательно протестируйте)

[danielabc (Daniela)]

Могу ли я изменить цвета огней?

[kynic]

Шляпа не отображается в постах.

[Brandon007 (Brandon)]

@meghna Это просто замечательно!

«Christmas Decoration Image» у меня не сработало.

Есть ли способ изменить цвета подсветки? Я пробую поиграть с CSS, но пока безрезультатно.

[th21]

Похоже, это добавит вторую шляпу на эмодзи (в правом верхнем углу меню пользователя), когда пользователь установит user-status