diff --git a/lib/html/includes.css b/lib/html/includes.css index e34bc4c2..d875257d 100644 --- a/lib/html/includes.css +++ b/lib/html/includes.css @@ -105,7 +105,8 @@ .profiler-result .profiler-unit { font-family: Consolas, monospace, serif; } .profiler-result .profiler-number { - color: #111; } + color: #111; + display: inline-block; } .profiler-result .profiler-info { text-align: right; } .profiler-result .profiler-info .profiler-name { @@ -235,6 +236,19 @@ .profiler-results { z-index: 2147483643; position: fixed; } + .profiler-results.profiler-left .profiler-button { + text-align: left; } + .profiler-results.profiler-right .profiler-button { + text-align: right; } + .profiler-results .profiler-button > .profiler-duration-milliseconds { + min-width: 70px; } + .profiler-results .profiler-button > .profiler-sql-count { + min-width: 55px; } + .profiler-results .profiler-button > .profiler-name { + min-width: 190px; + margin-left: 3px; } + .profiler-results .profiler-button > .profiler-number { + text-align: right; } .profiler-results.profiler-top { top: 0px; } .profiler-results.profiler-top.profiler-left { @@ -285,8 +299,10 @@ background-color: maroon; } .profiler-results .profiler-button.profiler-button-active .profiler-number, .profiler-results .profiler-button.profiler-button-active .profiler-nuclear, + .profiler-results .profiler-button.profiler-button-active .profiler-name, .profiler-results .profiler-controls.profiler-button-active .profiler-number, - .profiler-results .profiler-controls.profiler-button-active .profiler-nuclear { + .profiler-results .profiler-controls.profiler-button-active .profiler-nuclear, + .profiler-results .profiler-controls.profiler-button-active .profiler-name { color: #fff; font-weight: bold; } .profiler-results .profiler-button.profiler-button-active .profiler-unit, diff --git a/lib/html/includes.scss b/lib/html/includes.scss index 477bc717..6557eec6 100644 --- a/lib/html/includes.scss +++ b/lib/html/includes.scss @@ -103,6 +103,7 @@ $zindex: 2147483640; // near 32bit max 2147483647 .profiler-number { color: $numberColor; + display: inline-block; } .profiler-info { @@ -317,6 +318,34 @@ $zindex: 2147483640; // near 32bit max 2147483647 $radius: 10px; + &.profiler-left { + .profiler-button { + text-align: left; + } + } + + &.profiler-right { + .profiler-button { + text-align: right; + } + } + + .profiler-button { + > .profiler-duration-milliseconds { + min-width: 70px; + } + > .profiler-sql-count { + min-width: 55px; + } + > .profiler-name { + min-width: 190px; + margin-left: 3px; + } + > .profiler-number { + text-align: right; + } + } + &.profiler-top { top: 0px; @@ -399,7 +428,8 @@ $zindex: 2147483640; // near 32bit max 2147483647 background-color: maroon; .profiler-number, - .profiler-nuclear { + .profiler-nuclear, + .profiler-name { color: #fff; font-weight: bold; } diff --git a/lib/html/includes.tmpl b/lib/html/includes.tmpl index 42ec6393..6f51cc34 100644 --- a/lib/html/includes.tmpl +++ b/lib/html/includes.tmpl @@ -2,14 +2,21 @@
event | duration (ms) | with children (ms) | from start (ms) | ';if(it.has_sql_timings){out+='query time (ms) | ';}out+=' ';var arr1=it.custom_timing_names;if(arr1){var value,i1=-1,l1=arr1.length-1;while(i1|
---|---|---|---|---|---|
';if(!it.client_timings){out+=' '+( MiniProfiler.templates.linksTemplate({timing: it.root, page: it}) )+' ';}out+=' show time with children snapshots | ';if(it.has_sql_timings){out+=''+( MiniProfiler.formatDuration(it.duration_milliseconds_in_sql / it.duration_milliseconds * 100) )+' % in sql | ';}out+=' ';var arr2=it.custom_timing_names;if(arr2){var value,i2=-1,l2=arr2.length-1;while(i2
client event | duration (ms) | from start (ms) | '+( value.name )+' | ';if(value.duration >= 0){out+=' '+( MiniProfiler.formatDuration(value.duration) )+' ';}out+=' | +'+( MiniProfiler.formatDuration(value.start) )+' | ';} } out+=''+( MiniProfiler.templates.linksTemplate({timing: it.root, page: it}) )+' |
---|
Snapshot custom fields
'+( key )+' | '+( it.custom_fields[key] )+' | ';} } out+='
step time from start query type duration | call stack query |
---|
event | duration (ms) | with children (ms) | from start (ms) | ';if(it.has_sql_timings){out+='query time (ms) | ';}out+=' ';var arr1=it.custom_timing_names;if(arr1){var value,i1=-1,l1=arr1.length-1;while(i1|
---|---|---|---|---|---|
';if(!it.client_timings){out+=' '+( MiniProfiler.templates.linksTemplate({timing: it.root, page: it}) )+' ';}out+=' show time with children snapshots | ';if(it.has_sql_timings){out+=''+( MiniProfiler.formatDuration(it.duration_milliseconds_in_sql / it.duration_milliseconds * 100) )+' % in sql | ';}out+=' ';var arr2=it.custom_timing_names;if(arr2){var value,i2=-1,l2=arr2.length-1;while(i2
client event | duration (ms) | from start (ms) | '+( value.name )+' | ';if(value.duration >= 0){out+=' '+( MiniProfiler.formatDuration(value.duration) )+' ';}out+=' | +'+( MiniProfiler.formatDuration(value.start) )+' | ';} } out+=''+( MiniProfiler.templates.linksTemplate({timing: it.root, page: it}) )+' |
---|
Snapshot custom fields
'+( key )+' | '+( it.custom_fields[key] )+' | ';} } out+='
step time from start query type duration | call stack query |
---|