Web Inspector Console should have scope bars

[Brian Weinstein]

The Web Inspector Console should have scope bars.

[Brian Weinstein]

Created attachment 39452 [details]
Console Scope Bars

[Anthony Ricaud]

The console has a small vertical space, especially when the inspector is docked. Adding a scope bar reduces this space even more. Is there another way to add this functionality ? Maybe the horizontal space could be exploited.

[Brian Weinstein]

This goes along the bottom bar, next to the "Clear Console" button, so it doesn't take up any extra vertical space. I'm attaching a screen shot after I write this comment.

[Brian Weinstein]

Created attachment 39455 [details]
Screen Shot

With errors and warnings selected.

[Anthony Ricaud]

Of course, the bottom bar. Disregard my previous comment.

[Timothy Hatcher]

Comment on attachment 39452 [details]
Console Scope Bars

> +    var createFilterElement = function (category) {

This is better written as:

function createFilterElement(category)
{

> +     };

Thers is a stray indent space before the "}" brace. No need for the semicolon.

> +    display: list-item;

This should be display: block;

Looks good, if you fix these three things.

[Brian Weinstein]

Committed in http://trac.webkit.org/changeset/48314