Annotations have a min. width
--- a/src/ldt/ldt/ldt_utils/templates/front/front_all_contents.html Fri Jan 27 14:37:10 2012 +0100
+++ b/src/ldt/ldt/ldt_utils/templates/front/front_all_contents.html Fri Jan 27 15:04:59 2012 +0100
@@ -34,10 +34,10 @@
</a>
<div class="overlay">
<ul class="polemics">
- <li class="pol-negative" style="width:0%">0%</li>
- <li class="pol-positive" style="width:0%">0%</li>
- <li class="pol-reference" style="width:0%">0%</li>
- <li class="pol-question" style="width:0%">0%</li>
+ <li class="pol-negative" style="width:0%"><span>0%</span></li>
+ <li class="pol-positive" style="width:0%"><span>0%</span></li>
+ <li class="pol-reference" style="width:0%"><span>0%</span></li>
+ <li class="pol-question" style="width:0%"><span>0%</span></li>
</ul>
<span class="graph_annotation" id="sp_{{ content.iri_id }}">{{ content.stat_annotation }}</span>
</div>
--- a/src/ldt/ldt/ldt_utils/templates/front/front_home.html Fri Jan 27 14:37:10 2012 +0100
+++ b/src/ldt/ldt/ldt_utils/templates/front/front_home.html Fri Jan 27 15:04:59 2012 +0100
@@ -39,10 +39,10 @@
</a>
<div class="overlay">
<ul class="polemics">
- <li class="pol-negative" style="width:0%">0%</li>
- <li class="pol-positive" style="width:0%">0%</li>
- <li class="pol-reference" style="width:0%">0%</li>
- <li class="pol-question" style="width:0%">0%</li>
+ <li class="pol-negative" style="width:0%"><span>0%</span></li>
+ <li class="pol-positive" style="width:0%"><span>0%</span></li>
+ <li class="pol-reference" style="width:0%"><span>0%</span></li>
+ <li class="pol-question" style="width:0%"><span>0%</span></li>
</ul>
<span class="graph_annotation" id="sp_{{ content.iri_id }}">{{ content.stat_annotation }}</span>
</div>
@@ -71,10 +71,10 @@
{% thumbnail content.image "134x75" format="PNG" crop="center" as im %}<img src="{{ im.url }}" class="img_media" width="{{ im.width }}" height="{{ im.height }}" alt="{% trans 'open this media' %}" title="{% trans 'open this media' %}">{% endthumbnail %}</a>
<div class="overlay">
<ul class="polemics">
- <li class="pol-negative" style="width:0%">0%</li>
- <li class="pol-positive" style="width:0%">0%</li>
- <li class="pol-reference" style="width:0%">0%</li>
- <li class="pol-question" style="width:0%">0%</li>
+ <li class="pol-negative" style="width:0%"><span>0%</span></li>
+ <li class="pol-positive" style="width:0%"><span>0%</span></li>
+ <li class="pol-reference" style="width:0%"><span>0%</span></li>
+ <li class="pol-question" style="width:0%"><span>0%</span></li>
</ul>
</div>
</div>
--- a/src/ldt/ldt/static/ldt/js/Ldt_front_sparkline.js Fri Jan 27 14:37:10 2012 +0100
+++ b/src/ldt/ldt/static/ldt/js/Ldt_front_sparkline.js Fri Jan 27 15:04:59 2012 +0100
@@ -33,4 +33,11 @@
"stroke" : "#808080"
});
});
+
+ $(".polemics li").each(function(_i,_e) {
+ var _sp = $(_e).find("span");
+ if (parseInt(_sp.text())) {
+ $(_e).css("width",(2 + _sp.width())+"px");
+ }
+ });
});
\ No newline at end of file