Discourse 离线指示器 技巧

你好 :wave:

这是对官方离线指示器的一个小技巧(重新设计)。
站点设置:enable offline indicator

我覆盖了离线指示器模板,为它添加了图标。为了添加图标,我将以下两个图标(wifi 和斜杠)并排放置。

默认
Screenshot 2024-03-03 at 10.14.06

修改后
Screenshot 2024-03-03 at 10.13.56


这是仓库(你可以直接使用它,或者如果你有其他想法,也可以将其用作模板):GitHub - VaperinaDEV/discourse-offline-indicator-hack

9 个赞

太棒了!我喜欢你结合图标的方式——很酷的技巧!:slight_smile:

6 个赞

你好 :wave:

我已经更新了主题组件,因为现在的离线指示器组件是 .gjs,我们无法覆盖它的模板。

我使用了 Discourse Easy ‘SVG Icon’ and ‘Emoji’ in CSS 辅助工具。我添加了 Google Material Wifi Off 图标。这样我们就无需合并两个单独的图标。

Screenshot 2024-05-01 at 13.21.06

7 个赞