prefix all new CSS classes with djdt-

Author: Thomas Grainger

debug_toolbar/static/debug_toolbar/css/toolbar.css

@@ -647,15 +647,12 @@
     }
 }
 
-#djDebug .width-20 {
+#djDebug .djdt-width-20 {
     width: 20%;
 }
-#djDebug .width-60 {
+#djDebug .djdt-width-60 {
     width: 60%;
 }
-#djDebug .width-60 {
-    width: 60%;
-}
-#djDebug .highlighted {
+#djDebug .djdt-highlighted {
     background-color: lightgrey;
 }

debug_toolbar/templates/debug_toolbar/panels/request.html

@@ -24,7 +24,7 @@ <h4>{% trans "View information" %}</h4>
 	<h4>{% trans "Cookies" %}</h4>
 	<table>
 		<colgroup>
-			<col class="width-20"/>
+			<col class="djdt-width-20"/>
 			<col/>
 		</colgroup>
 		<thead>
@@ -50,7 +50,7 @@ <h4>{% trans "No cookies" %}</h4>
 	<h4>{% trans "Session data" %}</h4>
 	<table>
 		<colgroup>
-			<col class="width-20"/>
+			<col class="djdt-width-20"/>
 			<col/>
 		</colgroup>
 		<thead>
@@ -76,7 +76,7 @@ <h4>{% trans "No session data" %}</h4>
 	<h4>{% trans "GET data" %}</h4>
 	<table>
 		<colgroup>
-			<col class="width-20"/>
+			<col class="djdt-width-20"/>
 			<col/>
 		</colgroup>
 		<thead>
@@ -102,7 +102,7 @@ <h4>{% trans "No GET data" %}</h4>
 	<h4>{% trans "POST data" %}</h4>
 	<table>
 		<colgroup>
-			<col class="width-20"/>
+			<col class="djdt-width-20"/>
 			<col/>
 		</colgroup>
 			<tr>

debug_toolbar/templates/debug_toolbar/panels/sql.html

@@ -76,7 +76,7 @@
 									{% for line in query.template_info.context %}
 									<tr>
 										<td>{{ line.num }}</td>
-										<td><code {% if line.highlight %}class="highlighted"{% endif %}>{{ line.content }}</code></td>
+										<td><code {% if line.highlight %}class="djdt-highlighted"{% endif %}>{{ line.content }}</code></td>
 									</tr>
 									{% endfor %}
 								</table>

debug_toolbar/templates/debug_toolbar/panels/timer.html

@@ -2,7 +2,7 @@
 <h4>{% trans "Resource usage" %}</h4>
 <table>
 	<colgroup>
-		<col class="width-20"/>
+		<col class="djdt-width-20"/>
 		<col/>
 	</colgroup>
 	<thead>
@@ -26,9 +26,9 @@ <h4>{% trans "Resource usage" %}</h4>
 	<h4>{% trans "Browser timing" %}</h4>
 	<table>
 		<colgroup>
-			<col class="width-20"/>
-			<col class="width-60"/>
-			<col class="width-20"/>
+			<col class="djdt-width-20"/>
+			<col class="djdt-width-60"/>
+			<col class="djdt-width-20"/>
 		</colgroup>
 		<thead>
 			<tr>