From ecd7f2abe62996b19720e9ade61b45eafac590e8 Mon Sep 17 00:00:00 2001
From: Rob Hudson
Date: Mon, 24 Aug 2009 11:24:38 -0700
Subject: Make panel content stylings look like Django's debug template.

---
 debug_toolbar/templates/debug_toolbar/base.html    | 14 ++---
 .../debug_toolbar/panels/sql_explain.html          | 52 ++++++++++---------
 .../debug_toolbar/panels/sql_profile.html          | 52 ++++++++++---------
 .../templates/debug_toolbar/panels/sql_select.html | 60 ++++++++++++----------
 4 files changed, 95 insertions(+), 83 deletions(-)

(limited to 'debug_toolbar/templates')

diff --git a/debug_toolbar/templates/debug_toolbar/base.html b/debug_toolbar/templates/debug_toolbar/base.html
index 401677a..d0f4562 100644
--- a/debug_toolbar/templates/debug_toolbar/base.html
+++ b/debug_toolbar/templates/debug_toolbar/base.html
@@ -50,13 +50,13 @@
 	{% for panel in panels %}
 		{% if panel.has_content %}
 			<div id="{{ panel.dom_id }}" class="panelContent">
-				<a href="" class="close">Close</a>
-			    <h3>{{ panel.title|safe }}</h3>
-			    <div class="panelScrollWrap">
-			        <div class="panelScrollContent">
-			            {{ panel.content|safe }}
-			        </div>
-			    </div>
+				<div class="djDebugPanelTitle">
+					<a href="" class="close">Close</a>
+					<h3>{{ panel.title|safe }}</h3>
+				</div>
+				<div class="djDebugPanelContent">
+					{{ panel.content|safe }}
+				</div>
 			</div>
 		{% endif %}
 	{% endfor %}
diff --git a/debug_toolbar/templates/debug_toolbar/panels/sql_explain.html b/debug_toolbar/templates/debug_toolbar/panels/sql_explain.html
index a163b25..d26a8a3 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/sql_explain.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/sql_explain.html
@@ -1,26 +1,30 @@
-<a class="back" href="">&laquo;&nbsp;Back</a>
-<h3>SQL Explained</h3>
-<dl>
-	<dt>Executed SQL</dt>
-	<dd><pre>{{ sql|safe }}</pre></dd>
-	<dt>Time</dt>
-	<dd>{{ time }} ms</dd>
-</dl>
-<table>
-	<thead>
-		<tr>
-			{% for h in headers %}
-				<th>{{ h|upper }}</th>
-			{% endfor %}
-		</tr>
-	</thead>
-	<tbody>
-		{% for row in result %}
-			<tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
-				{% for column in row %}
-					<td>{{ column|escape }}</td>
+<div class="djDebugPanelTitle">
+	<a class="back" href="">&laquo;&nbsp;Back</a>
+	<h3>SQL Explained</h3>
+</div>
+<div class="djDebugPanelContent">
+	<dl>
+		<dt>Executed SQL</dt>
+		<dd><pre>{{ sql|safe }}</pre></dd>
+		<dt>Time</dt>
+		<dd>{{ time }} ms</dd>
+	</dl>
+	<table>
+		<thead>
+			<tr>
+				{% for h in headers %}
+					<th>{{ h|upper }}</th>
 				{% endfor %}
 			</tr>
-		{% endfor %}
-	</tbody>
-</table>
+		</thead>
+		<tbody>
+			{% for row in result %}
+				<tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
+					{% for column in row %}
+						<td>{{ column|escape }}</td>
+					{% endfor %}
+				</tr>
+			{% endfor %}
+		</tbody>
+	</table>
+</div>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/sql_profile.html b/debug_toolbar/templates/debug_toolbar/panels/sql_profile.html
index e46f41d..c5410f8 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/sql_profile.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/sql_profile.html
@@ -1,26 +1,30 @@
-<a class="back" href="">&laquo;&nbsp;Back</a>
-<h3>SQL Profiled</h3>
-<dl>
-	<dt>Executed SQL</dt>
-	<dd><pre>{{ sql|safe }}</pre></dd>
-	<dt>Time</dt>
-	<dd>{{ time }} ms</dd>
-</dl>
-<table>
-	<thead>
-		<tr>
-			{% for h in headers %}
-				<th>{{ h|upper }}</th>
-			{% endfor %}
-		</tr>
-	</thead>
-	<tbody>
-		{% for row in result %}
-			<tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
-				{% for column in row %}
-					<td>{{ column|escape }}</td>
+<div class="djDebugPanelTitle">
+	<a class="back" href="">&laquo;&nbsp;Back</a>
+	<h3>SQL Profiled</h3>
+</div>
+<div class="djDebugPanelContent">
+	<dl>
+		<dt>Executed SQL</dt>
+		<dd><pre>{{ sql|safe }}</pre></dd>
+		<dt>Time</dt>
+		<dd>{{ time }} ms</dd>
+	</dl>
+	<table>
+		<thead>
+			<tr>
+				{% for h in headers %}
+					<th>{{ h|upper }}</th>
 				{% endfor %}
 			</tr>
-		{% endfor %}
-	</tbody>
-</table>
+		</thead>
+		<tbody>
+			{% for row in result %}
+				<tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
+					{% for column in row %}
+						<td>{{ column|escape }}</td>
+					{% endfor %}
+				</tr>
+			{% endfor %}
+		</tbody>
+	</table>
+</div>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/sql_select.html b/debug_toolbar/templates/debug_toolbar/panels/sql_select.html
index 17e7d48..4fc928d 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/sql_select.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/sql_select.html
@@ -1,30 +1,34 @@
-<a class="back" href="">&laquo;&nbsp;Back</a>
-<h3>SQL Selected</h3>
-<dl>
-	<dt>Executed SQL</dt>
-	<dd><pre>{{ sql|safe }}</pre></dd>
-	<dt>Time</dt>
-	<dd>{{ time }} ms</dd>
-</dl>
-{% if result %}
-<table>
-	<thead>
-		<tr>
-			{% for h in headers %}
-				<th>{{ h|upper }}</th>
-			{% endfor %}
-		</tr>
-	</thead>
-	<tbody>
-		{% for row in result %}
-			<tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
-				{% for column in row %}
-					<td>{{ column|escape }}</td>
+<div class="djDebugPanelTitle">
+	<a class="back" href="">&laquo;&nbsp;Back</a>
+	<h3>SQL Selected</h3>
+</div>
+<div class="djDebugPanelContent">
+	<dl>
+		<dt>Executed SQL</dt>
+		<dd><pre>{{ sql|safe }}</pre></dd>
+		<dt>Time</dt>
+		<dd>{{ time }} ms</dd>
+	</dl>
+	{% if result %}
+	<table>
+		<thead>
+			<tr>
+				{% for h in headers %}
+					<th>{{ h|upper }}</th>
 				{% endfor %}
 			</tr>
-		{% endfor %}
-	</tbody>
-</table>
-{% else %}
-	<p>Empty set</p>
-{% endif %}
+		</thead>
+		<tbody>
+			{% for row in result %}
+				<tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
+					{% for column in row %}
+						<td>{{ column|escape }}</td>
+					{% endfor %}
+				</tr>
+			{% endfor %}
+		</tbody>
+	</table>
+	{% else %}
+		<p>Empty set</p>
+	{% endif %}
+</div>
-- 
cgit v1.2.3