Discourse Offline Indicator Hack

Hello :wave:

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
Screenshot 2024-03-03 at 10.14.06

Modified
Screenshot 2024-03-03 at 10.13.56


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

9 Likes

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

5 Likes

Hello :wave:

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.

Screenshot 2024-05-01 at 13.21.06

6 Likes