场景:
我在helpers.py中使用默认的流行功能。但是,在具有10个以上视图的包/资源之后,它将不会显示该图标。如何在resource_item.html
模板中设置常用功能,如下所示:
{{ h.popular('views', res.tracking_summary.total, min=10) }}
我还检查了将由
h.popular
呈现的代码段:{% if number >= min %}
<span class="popular ckan-icon ckan-icon-flame" title="{{ title.format(number=number) }}" xmlns="http://www.w3.org/1999/xhtml">{{ _('Popular') }}</span>
{% endif %}
它只能呈现文本“流行”。我试图删除该文本,似乎CKAN无法获取
ckan-icon-flame
。然后我检查了icons.less
,并定义了ckan-icon-flame
。附加信息:
我实现了自定义的跟踪工具。因此,我没有在我的
ckan.tracking_enabled
文件中启用ckan.ini
。我想知道此更改是否与正确加载图标有关。但是根据对代码的阅读,我发现没有任何与图标渲染相关的条件。更多信息:
无变量:
@imagePath: "../../../base/images";
@spritePath: "@{imagePath}/sprite-ckan-icons.png";
icons.less:
.ckan-icon {
//.ie7-restore-right-whitespace;
display: inline-block;
vertical-align: text-bottom;
position: relative;
top: 2px;
width: 16px;
height: 16px;
background-image: url("@{imagePath}/sprite-ckan-icons.png");
background-repeat: no-repeat;
background-position: 16px 16px;
}
.ckan-icon-background-position(@offset,
@size) {
@w: "@{size}X";
@h: "@{size}Y";
@x: "@{size}OffsetX";
@y: "@{size}OffsetY";
width: @@w;
height: @@h;
background-position: (@@x * @offset) @@y;
}
.ckan-icon-flame {
.ckan-icon-background-position(2,
"medium")
}
最佳答案
CKAN具有默认的CSS。它还允许开发人员自定义默认的CSS。我的问题是由覆盖引起的。我的新样式表将完全覆盖默认的CSS,而不是将它们添加到默认文件中。有关更详细的讨论,您可以在此处参考问题:https://github.com/ckan/ckan/issues/4542
关于python - 流行的火焰图标未在CKAN中显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53088811/