From 2359760abb0ff501aee2c0609146542b9ae1655b Mon Sep 17 00:00:00 2001
From: Juergen Edelbluth <edelbluth@users.noreply.github.com>
Date: Mon, 28 Dec 2015 19:46:45 +0100
Subject: [PATCH] Fixed Timeline in Timing Panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Like in Pull Request #793, the Timing Panel produces an error when used in XHTML documents. This time, the entity &nbsp; is undefined for XHTML documents.

It was replaced by &#160; – which is the numeric pendant. Now the panel works for all kind of documents.
---
 .../static/debug_toolbar/js/toolbar.timer.js         | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/debug_toolbar/static/debug_toolbar/js/toolbar.timer.js b/debug_toolbar/static/debug_toolbar/js/toolbar.timer.js
index 0c0f4a5bb..b9bf3b41a 100644
--- a/debug_toolbar/static/debug_toolbar/js/toolbar.timer.js
+++ b/debug_toolbar/static/debug_toolbar/js/toolbar.timer.js
@@ -23,16 +23,16 @@
         var $row = $('<tr class="' + ((rowCount % 2) ? 'djDebugOdd' : 'djDebugEven') + '"></tr>');
         if (endStat) {
             // Render a start through end bar
-            $row.html('<td>' + stat.replace('Start', '') + '</td>' +
-                      '<td class="timeline"><div class="djDebugTimeline"><div class="djDebugLineChart"><strong>&nbsp;</strong></div></div></td>' +
+	    $row.html('<td>' + stat.replace('Start', '') + '</td>' +
+                      '<td class="timeline"><div class="djDebugTimeline"><div class="djDebugLineChart"><strong>&#160;</strong></div></div></td>' +
                       '<td>' + (perf.timing[stat] - timingOffset) + ' (+' + (perf.timing[endStat] - perf.timing[stat]) + ')</td>');
             $row.find('strong').css({width: getCSSWidth(stat, endStat)});
         } else {
             // Render a point in time
-             $row.html('<td>' + stat + '</td>' +
-                       '<td class="timeline"><div class="djDebugTimeline"><div class="djDebugLineChart"><strong>&nbsp;</strong></div></div></td>' +
-                       '<td>' + (perf.timing[stat] - timingOffset) + '</td>');
-             $row.find('strong').css({width: 2});
+            $row.html('<td>' + stat + '</td>' +
+                      '<td class="timeline"><div class="djDebugTimeline"><div class="djDebugLineChart"><strong>&#160;</strong></div></div></td>' +
+                      '<td>' + (perf.timing[stat] - timingOffset) + '</td>');
+            $row.find('strong').css({width: 2});
         }
         $row.find('djDebugLineChart').css({left: getLeft(stat) + '%'});
         $('#djDebugBrowserTimingTableBody').append($row);