Discourse オフラインインジケーター ハック

[Don]

Hello

This is a small hack (redesign) to the official offline indicator.
Site Setting: enable offline indicator

I’ve override the offline indicator template to add icons to it. To add the icon, I put the following two icons (wifi and slash) each other.

Default

Modified

---

Here is the repo (you can use it or use as template if you have other ideas): GitHub - VaperinaDEV/discourse-offline-indicator-hack

[Lilly (Lillian Louis)]

Nice! I love how you combined icons - cool trick!

[Don]

Hello

I’ve updated the theme component because now the offline indicator component is a .gjs so we can’t override it’s template.

I use the Discourse Easy ‘SVG Icon’ and ‘Emoji’ in CSS helper. I’ve added the Google Material Wifi Off icon. So this way we don’t need to merge two separate icons.

FIX: The offline indicator component is not overridable anymore, we add the icon with CSS.