From 7fa494e0dc1aa519ab937625e2f6f940861717f2 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 01:04:12 +0300 Subject: Updated graphics for new colorscheme --- debug_toolbar/media/debug_toolbar/back.png | Bin 1078 -> 1039 bytes debug_toolbar/media/debug_toolbar/back_hover.png | Bin 1084 -> 1030 bytes debug_toolbar/media/debug_toolbar/close.png | Bin 1130 -> 1045 bytes debug_toolbar/media/debug_toolbar/close_hover.png | Bin 1158 -> 1155 bytes debug_toolbar/media/debug_toolbar/djdt_vertical.png | Bin 0 -> 2054 bytes debug_toolbar/media/debug_toolbar/indicator.png | Bin 278 -> 282 bytes 6 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 debug_toolbar/media/debug_toolbar/djdt_vertical.png (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/back.png b/debug_toolbar/media/debug_toolbar/back.png index fa6a36b..6ac8a52 100644 Binary files a/debug_toolbar/media/debug_toolbar/back.png and b/debug_toolbar/media/debug_toolbar/back.png differ diff --git a/debug_toolbar/media/debug_toolbar/back_hover.png b/debug_toolbar/media/debug_toolbar/back_hover.png index 774f97c..452b673 100644 Binary files a/debug_toolbar/media/debug_toolbar/back_hover.png and b/debug_toolbar/media/debug_toolbar/back_hover.png differ diff --git a/debug_toolbar/media/debug_toolbar/close.png b/debug_toolbar/media/debug_toolbar/close.png index c22e2e8..c0e8135 100644 Binary files a/debug_toolbar/media/debug_toolbar/close.png and b/debug_toolbar/media/debug_toolbar/close.png differ diff --git a/debug_toolbar/media/debug_toolbar/close_hover.png b/debug_toolbar/media/debug_toolbar/close_hover.png index f868e80..5b2c812 100644 Binary files a/debug_toolbar/media/debug_toolbar/close_hover.png and b/debug_toolbar/media/debug_toolbar/close_hover.png differ diff --git a/debug_toolbar/media/debug_toolbar/djdt_vertical.png b/debug_toolbar/media/debug_toolbar/djdt_vertical.png new file mode 100644 index 0000000..c204965 Binary files /dev/null and b/debug_toolbar/media/debug_toolbar/djdt_vertical.png differ diff --git a/debug_toolbar/media/debug_toolbar/indicator.png b/debug_toolbar/media/debug_toolbar/indicator.png index a21fc6e..dd2e0de 100644 Binary files a/debug_toolbar/media/debug_toolbar/indicator.png and b/debug_toolbar/media/debug_toolbar/indicator.png differ -- cgit v1.2.3 From 5c217d36a1ba1604dc5450351f4f090d71572d85 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 02:22:48 +0300 Subject: Fixed position toolbar, Smaller close handle, ported style changes from idan/ui-rf --- .../media/debug_toolbar/djdt_vertical.png | Bin 2054 -> 1349 bytes debug_toolbar/media/debug_toolbar/toolbar.css | 61 +++++++++++++-------- 2 files changed, 37 insertions(+), 24 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/djdt_vertical.png b/debug_toolbar/media/debug_toolbar/djdt_vertical.png index c204965..000c60f 100644 Binary files a/debug_toolbar/media/debug_toolbar/djdt_vertical.png and b/debug_toolbar/media/debug_toolbar/djdt_vertical.png differ diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index 9da3f32..ca3e309 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -30,7 +30,7 @@ background:#111; width:200px; z-index:100000000; - position:absolute; + position:fixed; top:0; bottom:0; right:0; @@ -63,7 +63,6 @@ #djDebugToolbar li>div.contentless { font-weight:normal; font-style:normal; - font-variant:small-caps; text-decoration:none; display:block; font-size:16px; @@ -73,55 +72,66 @@ #djDebugToolbar li a:hover { color:#111; - background-color:#c6d6da; - border-right:10px solid #fff; + background-color:#ffc; } #djDebugToolbar li.active { background-image:url(indicator.png); background-repeat:no-repeat; background-position:left center; + background-color: #333; + padding-left: 10px; + } #djDebugToolbar li.active a:hover { - background-color:#111; - background-image:inherit; - background-position:inherit; - background-repeat:inherit; color:#b36a60; - border:none; + background-color: transparent; } #djDebugToolbar li small { font-size:12px; color:#999; - font-style:italic; + font-style:normal; text-decoration:none; - font-variant:normal; + font-variant:small-caps; } #djDebugToolbarHandle { - position:absolute; - background:#111; - top:0; - bottom:0; + position:fixed; + background:#fff; + border:1px solid #111; + top:30px; right:0; z-index:100000000; + opacity: 0.75; } #djDebug a#djShowToolBarButton { display:block; - height:100%; - padding:2px; + height:75px; + width: 30px; + border-right: none; + border-bottom:4px solid #fff; + border-top:4px solid #fff; + border-left:4px solid #fff; color:#fff; font-size:10px; font-weight:bold; text-decoration:none; text-align:center; + text-indent:-999999px; + background:#000 url(djdt_vertical.png) no-repeat left center; + opacity:0.5; } #djDebug a#djShowToolBarButton:hover { - background-color:#f00; + background-color:#111; + padding-right:6px; + border-top-color:#ffc; + border-left-color:#ffc; + border-bottom-color:#ffc; + opacity:1.0; } #djDebug pre { @@ -134,7 +144,7 @@ #djDebug .panelContent { display:none; - position:absolute; + position:fixed; margin:0; top:0; right:200px; @@ -143,7 +153,6 @@ background-color:#f6f6f6; color:#666; z-index:1000000; - overflow:auto; } #djDebug .panelContent > div { @@ -155,10 +164,15 @@ background-color:#ffc; color:#666; } + +.djDebugPanelContent { + overflow:hidden; + height:90%; +} + #djDebug h3 { font-size:24px; font-weight:bold; - font-variant:small-caps; } #djDebug h4 { @@ -199,7 +213,6 @@ #djDebug .panelContent code { font-family:Consolas, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", monospace; - font-size:12px; } /* #djDebug .panelContent p a:hover, #djDebug .panelContent dd a:hover { @@ -257,8 +270,8 @@ text-indent:-9999999px; display:block; position:absolute; - top:0; - right:10px; + top:4px; + right:15px; height:40px; width:40px; background:url(close.png) no-repeat center center; -- cgit v1.2.3 From fb49e448bfa89edcd2eee9518716cce867e2d7a9 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 02:34:11 +0300 Subject: toolbar handle padding made orange on hover --- debug_toolbar/media/debug_toolbar/toolbar.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index ca3e309..f58899a 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -128,9 +128,9 @@ #djDebug a#djShowToolBarButton:hover { background-color:#111; padding-right:6px; - border-top-color:#ffc; - border-left-color:#ffc; - border-bottom-color:#ffc; + border-top-color:#FFE761; + border-left-color:#FFE761; + border-bottom-color:#FFE761; opacity:1.0; } -- cgit v1.2.3 From b71ac81f13110e07e6f28cd4a01754833e3cfcbb Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 14:45:28 +0300 Subject: Working panel structure with scroll, Wider handle tab for hover. --- debug_toolbar/media/debug_toolbar/indicator.png | Bin 282 -> 607 bytes debug_toolbar/media/debug_toolbar/toolbar.css | 38 ++++++++++++++++-------- 2 files changed, 26 insertions(+), 12 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/indicator.png b/debug_toolbar/media/debug_toolbar/indicator.png index dd2e0de..1a2c578 100644 Binary files a/debug_toolbar/media/debug_toolbar/indicator.png and b/debug_toolbar/media/debug_toolbar/indicator.png differ diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index f58899a..a2f4ef3 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -150,29 +150,47 @@ right:200px; bottom:0; left:0; - background-color:#f6f6f6; + background-color:#eee; color:#666; z-index:1000000; } #djDebug .panelContent > div { border-bottom:1px solid #ddd; - padding:10px 20px; } -.djDebugPanelTitle { +#djDebug .djDebugPanelTitle { + position: absolute; background-color:#ffc; color:#666; + padding-left: 20px; + top: 0; + right: 0; + left: 0; + height: 50px; +} + +#djDebug .djDebugPanelContent { + position: absolute; + top: 50px; + right: 0; + bottom: 0; + left: 0; + height: auto; + padding: 10px 20px; } -.djDebugPanelContent { - overflow:hidden; - height:90%; +#djDebug .djDebugPanelContent .boxed { + height: 100%; + overflow: auto; + display: block; + padding-right: 10px; } #djDebug h3 { font-size:24px; - font-weight:bold; + font-weight:normal; + line-height: 50px; } #djDebug h4 { @@ -180,16 +198,12 @@ font-weight:bold; } -#djDebug .panelContent { - background-color:#eee; - color:#000; -} - #djDebug .panelContent table { border:1px solid #ccc; border-collapse:collapse; width:100%; background-color:#fff; + display: block; } #djDebug .panelContent tbody td, #djDebug .panelContent tbody th { -- cgit v1.2.3 From 780c8f897d0412ea084d8482894e707fa294f2bc Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 14:57:35 +0300 Subject: adhere to css spacing standard --- debug_toolbar/media/debug_toolbar/toolbar.css | 60 +++++++++++++-------------- 1 file changed, 30 insertions(+), 30 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index a2f4ef3..f55a1d8 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -79,14 +79,14 @@ background-image:url(indicator.png); background-repeat:no-repeat; background-position:left center; - background-color: #333; - padding-left: 10px; + background-color:#333; + padding-left:10px; } #djDebugToolbar li.active a:hover { color:#b36a60; - background-color: transparent; + background-color:transparent; } #djDebugToolbar li small { @@ -104,14 +104,14 @@ top:30px; right:0; z-index:100000000; - opacity: 0.75; + opacity:0.75; } #djDebug a#djShowToolBarButton { display:block; height:75px; - width: 30px; - border-right: none; + width:30px; + border-right:none; border-bottom:4px solid #fff; border-top:4px solid #fff; border-left:4px solid #fff; @@ -160,37 +160,37 @@ } #djDebug .djDebugPanelTitle { - position: absolute; + position:absolute; background-color:#ffc; color:#666; - padding-left: 20px; - top: 0; - right: 0; - left: 0; - height: 50px; + padding-left:20px; + top:0; + right:0; + left:0; + height:50px; } #djDebug .djDebugPanelContent { - position: absolute; - top: 50px; - right: 0; - bottom: 0; - left: 0; - height: auto; - padding: 10px 20px; + position:absolute; + top:50px; + right:0; + bottom:0; + left:0; + height:auto; + padding:10px 20px; } #djDebug .djDebugPanelContent .boxed { - height: 100%; - overflow: auto; - display: block; - padding-right: 10px; + height:100%; + overflow:auto; + display:block; + padding-right:10px; } #djDebug h3 { font-size:24px; font-weight:normal; - line-height: 50px; + line-height:50px; } #djDebug h4 { @@ -203,7 +203,7 @@ border-collapse:collapse; width:100%; background-color:#fff; - display: block; + display:block; } #djDebug .panelContent tbody td, #djDebug .panelContent tbody th { @@ -318,19 +318,19 @@ #djDebug .highlight { color:#000; } #djDebug .highlight .err { color:#000; } /* Error */ #djDebug .highlight .g { color:#000; } /* Generic */ -#djDebug .highlight .k { color:#000; font-weight: bold } /* Keyword */ +#djDebug .highlight .k { color:#000; font-weight:bold } /* Keyword */ #djDebug .highlight .o { color:#000; } /* Operator */ #djDebug .highlight .n { color:#000; } /* Name */ -#djDebug .highlight .mi { color:#000; font-weight: bold } /* Literal.Number.Integer */ +#djDebug .highlight .mi { color:#000; font-weight:bold } /* Literal.Number.Integer */ #djDebug .highlight .l { color:#000; } /* Literal */ #djDebug .highlight .x { color:#000; } /* Other */ #djDebug .highlight .p { color:#000; } /* Punctuation */ -#djDebug .highlight .m { color:#000; font-weight: bold } /* Literal.Number */ +#djDebug .highlight .m { color:#000; font-weight:bold } /* Literal.Number */ #djDebug .highlight .s { color:#333 } /* Literal.String */ #djDebug .highlight .w { color:#888888 } /* Text.Whitespace */ -#djDebug .highlight .il { color:#000; font-weight: bold } /* Literal.Number.Integer.Long */ +#djDebug .highlight .il { color:#000; font-weight:bold } /* Literal.Number.Integer.Long */ #djDebug .highlight .na { color:#333 } /* Name.Attribute */ -#djDebug .highlight .nt { color:#000; font-weight: bold } /* Name.Tag */ +#djDebug .highlight .nt { color:#000; font-weight:bold } /* Name.Tag */ #djDebug .highlight .nv { color:#333 } /* Name.Variable */ #djDebug .highlight .s2 { color:#333 } /* Literal.String.Double */ #djDebug .highlight .cp { color:#333 } /* Comment.Preproc */ -- cgit v1.2.3 From f2437c9fa94df16964d97114ff943d4568c4ba15 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 15:53:00 +0300 Subject: Animated panels --- debug_toolbar/media/debug_toolbar/toolbar.css | 7 +++---- debug_toolbar/media/debug_toolbar/toolbar.js | 16 ++++++++++++---- 2 files changed, 15 insertions(+), 8 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index f55a1d8..44a9074 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -80,8 +80,7 @@ background-repeat:no-repeat; background-position:left center; background-color:#333; - padding-left:10px; - + padding-left:10px; } #djDebugToolbar li.active a:hover { @@ -147,9 +146,9 @@ position:fixed; margin:0; top:0; - right:200px; + right:150px; bottom:0; - left:0; + left:50px; background-color:#eee; color:#666; z-index:1000000; diff --git a/debug_toolbar/media/debug_toolbar/toolbar.js b/debug_toolbar/media/debug_toolbar/toolbar.js index b20a487..f1e6a94 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.js +++ b/debug_toolbar/media/debug_toolbar/toolbar.js @@ -12,12 +12,16 @@ jQuery(function($j) { return false; } current = $j('#djDebug #' + this.className); + $j(document).trigger('close.djDebug'); if (current.is(':visible')) { - $j(document).trigger('close.djDebug'); $j(this).parent().removeClass("active"); } else { $j('.panelContent').hide(); - current.show(); + current.animate({ + right:"200px", + left:"0px", + opacity:"show" + },200); $j.djDebug.open(); $j('#djDebugToolbar li').removeClass("active"); $j(this).parent().addClass("active"); @@ -79,9 +83,9 @@ jQuery(function($j) { return false; }, hide_toolbar: function(setCookie) { + $j(document).trigger('close.djDebug'); $j('#djDebugToolbar').hide("fast"); $j('#djDebugToolbar li').removeClass("active"); - $j(document).trigger('close.djDebug'); $j('#djDebugToolbarHandle').show(); if (setCookie) { $j.cookie(COOKIE_NAME, 'hide', { @@ -101,7 +105,11 @@ jQuery(function($j) { }); $j(document).bind('close.djDebug', function() { $j(document).unbind('keydown.djDebug'); - $j('.panelContent').hide(); + $j('.panelContent').animate({ + right:"150px", + left:"50px", + opacity:"hide" + }, 150); $j('#djDebugToolbar li').removeClass("active"); }); }); -- cgit v1.2.3 From 760653360fa9d3bd09047dcbea7785717e54a83b Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 17:25:36 +0300 Subject: Removed tons of invalid ".boxed" classes, renamed boxed -> scroll --- debug_toolbar/media/debug_toolbar/toolbar.css | 2 +- debug_toolbar/templates/debug_toolbar/base.html | 4 +- .../templates/debug_toolbar/panels/headers.html | 32 ++-- .../templates/debug_toolbar/panels/logger.html | 49 +++--- .../debug_toolbar/panels/request_vars.html | 176 ++++++++++----------- .../debug_toolbar/panels/settings_vars.html | 32 ++-- .../templates/debug_toolbar/panels/signals.html | 36 ++--- .../templates/debug_toolbar/panels/sql.html | 92 ++++++----- .../debug_toolbar/panels/template_source.html | 8 +- .../templates/debug_toolbar/panels/templates.html | 60 ++++--- .../templates/debug_toolbar/panels/timer.html | 40 +++-- 11 files changed, 251 insertions(+), 280 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index 44a9074..bf4648a 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -179,7 +179,7 @@ padding:10px 20px; } -#djDebug .djDebugPanelContent .boxed { +#djDebug .djDebugPanelContent .scroll { height:100%; overflow:auto; display:block; diff --git a/debug_toolbar/templates/debug_toolbar/base.html b/debug_toolbar/templates/debug_toolbar/base.html index b80daef..dc8ccf9 100644 --- a/debug_toolbar/templates/debug_toolbar/base.html +++ b/debug_toolbar/templates/debug_toolbar/base.html @@ -56,7 +56,9 @@

{{ panel.title|safe }}

- {{ panel.content|safe }} +
+ {{ panel.content|safe }} +
{% endif %} diff --git a/debug_toolbar/templates/debug_toolbar/panels/headers.html b/debug_toolbar/templates/debug_toolbar/panels/headers.html index 957a021..f251056 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/headers.html +++ b/debug_toolbar/templates/debug_toolbar/panels/headers.html @@ -1,19 +1,17 @@ {% load i18n %} -
- - - - - +
{% trans "Key" %}{% trans "Value" %}
+ + + + + + + + {% for key, value in headers.iteritems %} + + + - - - {% for key, value in headers.iteritems %} - - - - - {% endfor %} - -
{% trans "Key" %}{% trans "Value" %}
{{ key|escape }}{{ value|escape }}
{{ key|escape }}{{ value|escape }}
-
+ {% endfor %} + + diff --git a/debug_toolbar/templates/debug_toolbar/panels/logger.html b/debug_toolbar/templates/debug_toolbar/panels/logger.html index 515742c..5e8b652 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/logger.html +++ b/debug_toolbar/templates/debug_toolbar/panels/logger.html @@ -1,27 +1,26 @@ {% load i18n %} -
- {% if records %} - - - - - - - +{% if records %} +
{% trans "Level" %}{% trans "Time" %}{% trans "Message" %}{% trans "Location" %}
+ + + + + + + + + + {% for record in records %} + + + + + - - - {% for record in records %} - - - - - - - {% endfor %} - -
{% trans "Level" %}{% trans "Time" %}{% trans "Message" %}{% trans "Location" %}
{{ record.level }}{{ record.time|date:"h:i:s m/d/Y" }}{{ record.message }}{{ record.file }}:{{ record.line }}
{{ record.level }}{{ record.time|date:"h:i:s m/d/Y" }}{{ record.message }}{{ record.file }}:{{ record.line }}
- {% else %} -

{% trans "No messages logged" %}.

- {% endif %} -
+ {% endfor %} + + +{% else %} +

{% trans "No messages logged" %}.

+{% endif %} + diff --git a/debug_toolbar/templates/debug_toolbar/panels/request_vars.html b/debug_toolbar/templates/debug_toolbar/panels/request_vars.html index b1d7233..3fdbf74 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/request_vars.html +++ b/debug_toolbar/templates/debug_toolbar/panels/request_vars.html @@ -1,104 +1,96 @@ {% load i18n %}

COOKIES Variables

-
- {% if cookies %} - - - - - - - - - +{% if cookies %} +
{% trans "Variable" %}{% trans "Value" %}
+ + + + + + + + + + + + {% for key, value in cookies %} + + + - - - {% for key, value in cookies %} - - - - - {% endfor %} - -
{% trans "Variable" %}{% trans "Value" %}
{{ key|escape }}{{ value|escape }}
{{ key|escape }}{{ value|escape }}
- {% else %} -

{% trans "No COOKIE data" %}

- {% endif %} -
+ {% endfor %} + + +{% else %} +

{% trans "No COOKIE data" %}

+{% endif %}

SESSION Variables

-
- {% if session %} - - - - - - - - - +{% if session %} +
{% trans "Variable" %}{% trans "Value" %}
+ + + + + + + + + + + + {% for key, value in session %} + + + - - - {% for key, value in session %} - - - - - {% endfor %} - -
{% trans "Variable" %}{% trans "Value" %}
{{ key|escape }}{{ value|escape }}
{{ key|escape }}{{ value|escape }}
- {% else %} -

{% trans "No SESSION data" %}

- {% endif %} -
+ {% endfor %} + + +{% else %} +

{% trans "No SESSION data" %}

+{% endif %}

GET Variables

-
- {% if get %} - - - - - +{% if get %} +
{% trans "Variable" %}{% trans "Value" %}
+ + + + + + + + {% for key, value in get %} + + + - - - {% for key, value in get %} - - - - - {% endfor %} - -
{% trans "Variable" %}{% trans "Value" %}
{{ key|escape }}{{ value|join:", "|escape }}
{{ key|escape }}{{ value|join:", "|escape }}
- {% else %} -

{% trans "No GET data" %}

- {% endif %} -
+ {% endfor %} + + +{% else %} +

{% trans "No GET data" %}

+{% endif %}

POST Variables

-
- {% if post %} - - - - - +{% if post %} +
{% trans "Variable" %}{% trans "Value" %}
+ + + + + + + + {% for key, value in post %} + + + - - - {% for key, value in post %} - - - - - {% endfor %} - -
{% trans "Variable" %}{% trans "Value" %}
{{ key|escape }}{{ value|join:", "|escape }}
{{ key|escape }}{{ value|join:", "|escape }}
- {% else %} -

{% trans "No POST data" %}

- {% endif %} -
+ {% endfor %} + + +{% else %} +

{% trans "No POST data" %}

+{% endif %} \ No newline at end of file diff --git a/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html b/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html index 1591966..99c43b6 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html +++ b/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html @@ -1,19 +1,17 @@ {% load i18n %} -
- - - - - +
{% trans "Setting" %}{% trans "Value" %}
+ + + + + + + + {% for var in settings.items|dictsort:"0" %} + + + - - - {% for var in settings.items|dictsort:"0" %} - - - - - {% endfor %} - -
{% trans "Setting" %}{% trans "Value" %}
{{ var.0 }}{{ var.1|pprint }}
{{ var.0 }}{{ var.1|pprint }}
-
+ {% endfor %} + + diff --git a/debug_toolbar/templates/debug_toolbar/panels/signals.html b/debug_toolbar/templates/debug_toolbar/panels/signals.html index 94414ea..d6d681c 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/signals.html +++ b/debug_toolbar/templates/debug_toolbar/panels/signals.html @@ -1,21 +1,19 @@ {% load i18n %} -
- - - - - - +
{% trans "Signal" %}Providing ArgsReceivers
+ + + + + + + + + {% for name, signal, receivers in signals %} + + + + - - - {% for name, signal, receivers in signals %} - - - - - - {% endfor %} - -
{% trans "Signal" %}Providing ArgsReceivers
{{ name|escape }}{{ signal.providing_args|join:", " }}{{ receivers|join:", " }}
{{ name|escape }}{{ signal.providing_args|join:", " }}{{ receivers|join:", " }}
-
+ {% endfor %} + + diff --git a/debug_toolbar/templates/debug_toolbar/panels/sql.html b/debug_toolbar/templates/debug_toolbar/panels/sql.html index aecfad6..7aa4c2d 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/sql.html +++ b/debug_toolbar/templates/debug_toolbar/panels/sql.html @@ -1,51 +1,49 @@ {% load i18n %} -
- - - - - - - - - - - {% for query in queries %} - - - + + + {% endfor %} + +
{% trans "Time" %} (ms){% trans "Action" %}StacktraceQuery
{{ query.time|floatformat:"2" }} - {% if query.params %} - SELECT - EXPLAIN - {% if is_mysql %} - PROFILE - {% endif %} + + + + + + + + + + + {% for query in queries %} + + + -
{% trans "Time" %} (ms){% trans "Action" %}StacktraceQuery
{{ query.time|floatformat:"2" }} + {% if query.params %} + SELECT + EXPLAIN + {% if is_mysql %} + PROFILE {% endif %} - - {% if query.stacktrace %} - - + {% endfor %} +
+ + {% endif %} +
{{ query.sql|safe }}
diff --git a/debug_toolbar/templates/debug_toolbar/panels/template_source.html b/debug_toolbar/templates/debug_toolbar/panels/template_source.html index 8e8253d..192d1af 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/template_source.html +++ b/debug_toolbar/templates/debug_toolbar/panels/template_source.html @@ -4,11 +4,5 @@

Template Source: {{ template_name }}

-
-
-
- {{ source }} -
-
-
+ {{ source }}
diff --git a/debug_toolbar/templates/debug_toolbar/panels/templates.html b/debug_toolbar/templates/debug_toolbar/panels/templates.html index d4e18b5..872a5f5 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/templates.html +++ b/debug_toolbar/templates/debug_toolbar/panels/templates.html @@ -1,6 +1,5 @@ {% load i18n %}

Template path{{ template_dirs|length|pluralize }}

-
{% if template_dirs %}
    {% for template in template_dirs %} @@ -10,39 +9,34 @@ {% else %}

    None

    {% endif %} -

{% trans "Template" %}{{ templates|length|pluralize }}

-
- {% if templates %} -
- {% for template in templates %} -
{{ template.template.name|addslashes }}
-
{{ template.template.origin_name|addslashes }}
-
- - -
- {% endfor %} -
- {% else %} -

None

- {% endif %} -
+{% if templates %} +
+{% for template in templates %} +
{{ template.template.name|addslashes }}
+
{{ template.template.origin_name|addslashes }}
+
+ + +
+{% endfor %} +
+{% else %} +

None

+{% endif %}

Context processor{{ context_processors|length|pluralize }}

-
- {% if context_processors %} -
- {% for key, value in context_processors.iteritems %} -
{{ key|escape }}
-
- - -
- {% endfor %} -
- {% else %} -

None

- {% endif %} -
+{% if context_processors %} +
+{% for key, value in context_processors.iteritems %} +
{{ key|escape }}
+
+ + +
+{% endfor %} +
+{% else %} +

None

+{% endif %} diff --git a/debug_toolbar/templates/debug_toolbar/panels/timer.html b/debug_toolbar/templates/debug_toolbar/panels/timer.html index 9fd479f..f267de1 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/timer.html +++ b/debug_toolbar/templates/debug_toolbar/panels/timer.html @@ -1,23 +1,21 @@ {% load i18n %} -
- - - - - - - - - +
{% trans "Resource" %}{% trans "Value" %}
+ + + + + + + + + + + + {% for key, value in rows %} + + + - - - {% for key, value in rows %} - - - - - {% endfor %} - -
{% trans "Resource" %}{% trans "Value" %}
{{ key|escape }}{{ value|escape }}
{{ key|escape }}{{ value|escape }}
-
+ {% endfor %} + + -- cgit v1.2.3 From 0e65f95980e8cd2e84055ddbe52c3c40010353e2 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Tue, 25 Aug 2009 19:14:31 +0300 Subject: Added toggle arrows, grey boxes for template links --- debug_toolbar/media/debug_toolbar/toolbar.css | 31 ++++++++++++++++++++-- debug_toolbar/media/debug_toolbar/toolbar.js | 8 +++++- .../templates/debug_toolbar/panels/templates.html | 6 ++--- 3 files changed, 39 insertions(+), 6 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index bf4648a..64a1a3c 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -176,14 +176,14 @@ bottom:0; left:0; height:auto; - padding:10px 20px; + padding:0px 20px; } #djDebug .djDebugPanelContent .scroll { height:100%; overflow:auto; display:block; - padding-right:10px; + padding:10px; } #djDebug h3 { @@ -195,6 +195,8 @@ #djDebug h4 { font-size:20px; font-weight:bold; + margin-bottom:0.8em; + margin-top:0.4em; } #djDebug .panelContent table { @@ -314,6 +316,31 @@ margin-left:10px; } +#djDebug a.toggleTemplate { + padding:4px; + background-color:#bbb; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} + +#djDebug a.toggleTemplate:hover { + padding:4px; + background-color:#444; + color:#ffe761; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} + + +#djDebug a.djTemplateShowContext, #djDebug a.djTemplateShowContext span.toggleArrow { + color:#999; +} + +#djDebug a.djTemplateShowContext:hover, #djDebug a.djTemplateShowContext:hover span.toggleArrow { + color:#000; + cursor:pointer; +} + #djDebug .highlight { color:#000; } #djDebug .highlight .err { color:#000; } /* Error */ #djDebug .highlight .g { color:#000; } /* Generic */ diff --git a/debug_toolbar/media/debug_toolbar/toolbar.js b/debug_toolbar/media/debug_toolbar/toolbar.js index f1e6a94..e47adfa 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.js +++ b/debug_toolbar/media/debug_toolbar/toolbar.js @@ -43,6 +43,7 @@ jQuery(function($j) { return false; }); $j('#djDebugTemplatePanel a.djTemplateShowContext').click(function() { + $j.djDebug.toggle_arrow($j(this).children('.toggleArrow')) $j.djDebug.toggle_content($j(this).parent().next()); return false; }); @@ -101,7 +102,12 @@ jQuery(function($j) { path: '/', expires: -1 }); - } + }, + toggle_arrow: function(elem) { + var uarr = String.fromCharCode(0x25b6); + var darr = String.fromCharCode(0x25bc); + elem.html(elem.html() == uarr ? darr : uarr); + } }); $j(document).bind('close.djDebug', function() { $j(document).unbind('keydown.djDebug'); diff --git a/debug_toolbar/templates/debug_toolbar/panels/templates.html b/debug_toolbar/templates/debug_toolbar/panels/templates.html index 872a5f5..1158abe 100644 --- a/debug_toolbar/templates/debug_toolbar/panels/templates.html +++ b/debug_toolbar/templates/debug_toolbar/panels/templates.html @@ -14,10 +14,10 @@ {% if templates %}
{% for template in templates %} -
{{ template.template.name|addslashes }}
+
{{ template.template.name|addslashes }}
{{ template.template.origin_name|addslashes }}
- +
{% endfor %} @@ -32,7 +32,7 @@ {% for key, value in context_processors.iteritems %}
{{ key|escape }}
- +
{% endfor %} -- cgit v1.2.3 From 0b2e7031d9d89571055df5bad3d6cf0586a9ef61 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Wed, 26 Aug 2009 01:45:13 +0300 Subject: more thorough reset, added #djDebug to all rules to increase their specificity. --- debug_toolbar/media/debug_toolbar/toolbar.css | 71 +++++++++++++-------------- 1 file changed, 33 insertions(+), 38 deletions(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index 64a1a3c..b645d19 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -1,32 +1,27 @@ -/* Debug Toolbar CSS Reset, adapted from YUI CSS Reset */ +/* Debug Toolbar CSS Reset, adapted from Eric Meyer's CSS Reset */ #djDebug {color:#000;background:#FFF;} -#djDebug div,#djDebug dl,#djDebug dt,#djDebug dd,#djDebug ul,#djDebug ol,#djDebug li,#djDebug h1,#djDebug h2,#djDebug h3,#djDebug h4,#djDebug h5,#djDebug h6,#djDebug pre,#djDebug code,#djDebug form,#djDebug fieldset,#djDebug legend,#djDebug input,#djDebug button,#djDebug textarea,#djDebug p,#djDebug blockquote,#djDebug th,#djDebug td{margin:0;padding:0;} -#djDebug table{border-collapse:collapse;border-spacing:0;} -#djDebug fieldset,#djDebug img{border:0;} -#djDebug address,#djDebug caption,#djDebug cite,#djDebug code,#djDebug dfn,#djDebug em,#djDebug strong,#djDebug th,#djDebug var,#djDebug optgroup{font-style:inherit;font-weight:inherit;} -#djDebug del,#djDebug ins{text-decoration:none;} -#djDebug li{list-style:none;} -#djDebug caption,#djDebug th{text-align:left;} -#djDebug h1,#djDebug h2,#djDebug h3,#djDebug h4,#djDebug h5,#djDebug h6{font-size:100%;font-weight:normal;} -#djDebug q:before,#djDebug q:after{content:'';} -#djDebug abbr,#djDebug acronym{border:0;font-variant:normal;} -#djDebug sup{vertical-align:baseline;} -#djDebug sub{vertical-align:baseline;} -#djDebug legend{color:#000;} -#djDebug input,#djDebug button,#djDebug textarea,#djDebug select,#djDebug optgroup,#djDebug option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} -#djDebug input,#djDebug button,#djDebug textarea,#djDebug select{*font-size:100%;} - -#djDebug * { - color:#000; - float:none; - margin:0; - padding:0; - position:static; - text-align:left; - font-family:sans-serif; -} - -#djDebugToolbar { +#djDebug, #djDebug div, #djDebug span, #djDebug applet, #djDebug object, #djDebug iframe, +#djDebug h1, #djDebug h2, #djDebug h3, #djDebug h4, #djDebug h5, #djDebug h6, #djDebug p, blockquote, #djDebug pre, +#djDebug a, #djDebug abbr, #djDebug acronym, #djDebug address, #djDebug big, #djDebug cite, #djDebug code, +#djDebug del, #djDebug dfn, #djDebug em, #djDebug font, #djDebug img, #djDebug ins, #djDebug kbd, #djDebug q, #djDebug s, #djDebug samp, +#djDebug small, #djDebug strike, #djDebug strong, #djDebug sub, #djDebug sup, #djDebug tt, #djDebug var, +#djDebug b, #djDebug u, #djDebug i, #djDebug center, +#djDebug dl, #djDebug dt, #djDebug dd, #djDebug ol, #djDebug ul, #djDebug li, +#djDebug fieldset, #djDebug form, #djDebug label, #djDebug legend, +#djDebug table, #djDebug caption, #djDebug tbody, #djDebug tfoot, #djDebug thead, #djDebug tr, #djDebug th, #djDebug td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 16px%; + line-height: 1.5em; + color: #000; + vertical-align: baseline; + background: transparent; + font-family: sans-serif; +} + +#djDebug #djDebugToolbar { background:#111; width:200px; z-index:100000000; @@ -37,17 +32,17 @@ opacity:0.9; } -#djDebugToolbar small { +#djDebug #djDebugToolbar small { color:#999; } -#djDebugToolbar ul { +#djDebug #djDebugToolbar ul { margin:0; padding:0; list-style:none; } -#djDebugToolbar li { +#djDebug #djDebugToolbar li { border-bottom:1px solid #222; color:#fff; display:block; @@ -59,8 +54,8 @@ width:auto; } -#djDebugToolbar li>a, -#djDebugToolbar li>div.contentless { +#djDebug #djDebugToolbar li>a, +#djDebug #djDebugToolbar li>div.contentless { font-weight:normal; font-style:normal; text-decoration:none; @@ -70,12 +65,12 @@ color:#fff; } -#djDebugToolbar li a:hover { +#djDebug #djDebugToolbar li a:hover { color:#111; background-color:#ffc; } -#djDebugToolbar li.active { +#djDebug #djDebugToolbar li.active { background-image:url(indicator.png); background-repeat:no-repeat; background-position:left center; @@ -83,12 +78,12 @@ padding-left:10px; } -#djDebugToolbar li.active a:hover { +#djDebug #djDebugToolbar li.active a:hover { color:#b36a60; background-color:transparent; } -#djDebugToolbar li small { +#djDebug #djDebugToolbar li small { font-size:12px; color:#999; font-style:normal; @@ -96,7 +91,7 @@ font-variant:small-caps; } -#djDebugToolbarHandle { +#djDebug #djDebugToolbarHandle { position:fixed; background:#fff; border:1px solid #111; -- cgit v1.2.3 From 2256052ce57ae0496943597d0c1c082d2bbf09f1 Mon Sep 17 00:00:00 2001 From: Idan Gazit Date: Wed, 26 Aug 2009 02:03:59 +0300 Subject: Whoops, forgot a % in the css. --- debug_toolbar/media/debug_toolbar/toolbar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'debug_toolbar') diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css index b645d19..90fe09c 100644 --- a/debug_toolbar/media/debug_toolbar/toolbar.css +++ b/debug_toolbar/media/debug_toolbar/toolbar.css @@ -13,7 +13,7 @@ padding: 0; border: 0; outline: 0; - font-size: 16px%; + font-size: 16px; line-height: 1.5em; color: #000; vertical-align: baseline; -- cgit v1.2.3