Annotations have a min. width
authorveltr
Fri, 27 Jan 2012 15:04:59 +0100
changeset 472 7810c6775b2f
parent 466 4e8c6e580e78
child 473 a400c401f78b
Annotations have a min. width
src/ldt/ldt/ldt_utils/templates/front/front_all_contents.html
src/ldt/ldt/ldt_utils/templates/front/front_home.html
src/ldt/ldt/static/ldt/js/Ldt_front_sparkline.js
--- 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