Bug 23446 – UI changes for style inspection

• Status: RESOLVED
• Resolution: INVALID
• Component: Web Inspector (Deprecated)

[Tony Coconate]

while in "edit" mode, the web inspector should have checkboxes to remove styling on the left side of the panel. it makes more sense to have them there to easily line-up which style you wish to remove quickly.

also, a double-click inside whitespace around the block of styles should generate a newline with space for a new style to be applied. this will allow a shortcut (like firebug) to quickly add in new styles.

while mousing-over the html structure within the elements tab, borders on elements should not be generated, they may be confusing or clash with a style existing within the inspected document.

also, within the element inspection, inside the styles toolbox, when a new style is created, it would be nice to have an autocomplete function. so, if I start with "bac" the inspector will start to make assumptions based on available attributes within the current doctype's accepted element's attributes.

[Patrick Mueller]

This is really four separate requests, and should probably be entered as separate bugs so they can be tracked that way.  Though I'm not familiar with how the WebKit devs like to organize their bugs - but that's the way I prefer to handle these.

These all seem valid, through point 3 is worth quibbling about - it's not clear whether the current level of highlighting is good enough, or whether various bounding rectangles should be shown; personally, the display of the page is guaranteed to be heavily augmented to show the highlighting, it doesn't feel like the border really gets in the way, and in fact I'd like to see maybe margin/border/padding rectangles all be drawn, perhaps optionally via a preference.  Would also presumably have different background color shading.

[Timothy Hatcher]

We do show margin/border/padding rectangles with separate shades of blue.

Please file these as separate bugs. We already have a bug about item 2 (bug 18224).