划线小部件的自定义背景图标

时间:2014-10-24 12:32:26

标签: css coffeescript dashing

我正在制作Dashing小部件以显示Jenkins CI服务器的统计信息。 我想将Jenkins徽标图标设置为小部件背景图标。目前Jenkins徽标图标未包含在官方Font Awesome中(https://github.com/FortAwesome/Font-Awesome/issues/3714https://github.com/FortAwesome/Font-Awesome/issues/1529)。

Dashing框架非常灵活,我认为必须有一个解决方案来将自定义图标设置为窗口小部件背景。但是现在我无法独自解决这个问题。

有没有人遇到过这个?

1 个答案:

答案 0 :(得分:0)

Bamboo小部件中的以下代码可能会起作用。这只在scss文件中需要,不应该有任何其他特殊需要(除了让文件在正确的位置让scss找到它!)

.widget-bamboo-build {

  background: url("/assets/bamboo-logo.png") no-repeat center;

此行位于scss文件中widget部分的顶部。我已经包含.widget-bamboo-build行来表示。

因此,该行在Dashing应用程序主目录中查找名为“assets”的文件夹,然后尝试在该文件夹中查找“bamboo-logo.png”。

希望这会有所帮助:)