Хак индикатора офлайн-режима в Discourse

Разработка
1

Привет :wave:

Это небольшая хитрость (редизайн) для официального индикатора офлайн-режима.
Настройка сайта: enable offline indicator

Я переопределил шаблон индикатора офлайн-режима, чтобы добавить к нему иконки. Чтобы добавить иконку, я наложил две следующие иконки (wi-fi и перечёркнутая) друг на друга.

По умолчанию
Screenshot 2024-03-03 at 10.14.06

Изменённый
Screenshot 2024-03-03 at 10.13.56

Вот репозиторий (вы можете использовать его или взять за основу, если у вас есть другие идеи): GitHub - VaperinaDEV/discourse-offline-indicator-hack · GitHub

2

Круто! Мне нравится, как вы скомбинировали иконки — классный трюк! :slight_smile:

4

Привет :wave:

Я обновил компонент темы, так как теперь компонент индикатора офлайн-режима имеет класс .gjs, и мы не можем переопределить его шаблон.

Я использую вспомогательное средство Discourse: простые «SVG-иконки» и «эмодзи» в CSS. Я добавил иконку Wifi Off из Google Material. Таким образом, нам не нужно объединять две отдельные иконки.

Screenshot 2024-05-01 at 13.21.06