refs matomo-org#1816 align percentage values right

sabl0r · Nov 21, 2013 · d0d556d · d0d556d
1 parent bb310be
commit d0d556d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/plugins/CoreHome/javascripts/dataTable.js b/plugins/CoreHome/javascripts/dataTable.js
@@ -1156,6 +1156,20 @@ $.extend(DataTable.prototype, UIControl.prototype, {
                 var table    = $(this).closest('table');
                 var nthChild = $(this).parent('tr').children().index($(this));
                 var rows     = $('tr', table);
+
+
+                var maxWidth = 0;
+                rows.find("td:nth-child(" + (nthChild + 1) + ") .value").each(function (index, element) {
+                    var width    = $(element).width();
+                    if (width > maxWidth) {
+                        maxWidth = width;
+                    }
+                });
+                rows.find("td:nth-child(" + (nthChild + 1) + ") .value").each(function (index, element) {
+                    $(element).css({width: maxWidth, display: 'inline-block'});
+                });
+
+                var rows     = $('tr', table);
                 rows.find("td:nth-child(" + (nthChild + 1) + ")").addClass('highlight');
             },
             function() {

diff --git a/plugins/CoreHome/templates/_dataTableCell.twig b/plugins/CoreHome/templates/_dataTableCell.twig
@@ -14,7 +14,7 @@
         <span class='label{% if row.getMetadata('is_aggregate') %} highlighted{% endif %}'
         {% if properties is defined and properties.tooltip_metadata_name is not empty %}title="{{ row.getMetadata(properties.tooltip_metadata_name) }}"{% endif %}>
         {%- if row.getMetadata('html_label_suffix') %}<span class='label-suffix'>{{ row.getMetadata('html_label_suffix') | raw }}</span>{% endif -%}
-{% endif %}{% if row.getColumn(column) %}{{- row.getColumn(column)|raw -}}{% else %}-{% endif %}
+{% endif %}<span class="value">{% if row.getColumn(column) %}{{- row.getColumn(column)|raw -}}{% else %}-{% endif %}</span>
 {% if column=='label' %}</span>{% endif %}
 {% if not row.getIdSubDataTable() and column=='label' and row.getMetadata('url') %}
     </a>