In Sublime Text, any code block is marked with a dotted line where each parent block's indentation begins and ends. I think that this could be really useful for looking at what elements are siblings/parents in the DOM Tree.
<rdar://problem/26162640>
Created attachment 278379 [details] Patch
Created attachment 278380 [details] [IMAGE] After Patch is applied
We also do this in the Call Trees timeline view. If we do it in the DOM tree, we should match that UI. In Call Trees, we only show the guide for the selected and/or hovered rows. I think showing it for every rows is counter productive.
Created attachment 278477 [details] Patch
Comment on attachment 278477 [details] Patch Screenshot?
Created attachment 278505 [details] [IMAGE] After Patch is applied Heh sorry. Made the screenshot and forgot to upload it :P
The guidelines look too strong/saturated to me. Does that match the other guides in Call Trees?
I agree. We should use the same style as Call Tress.
Created attachment 278768 [details] Call Trees
Comment on attachment 278477 [details] Patch Please tweak the styles (at least hue and saturation) to match Call Trees, as in Tim's attachment.
So I'd like to finish this up, but for some reason I can't inspect the inspector anymore. Do I need to enable some other flag or something else?
(In reply to comment #12) > So I'd like to finish this up, but for some reason I can't inspect the > inspector anymore. Do I need to enable some other flag or something else? The current defaults at at: http://trac.webkit.org/wiki/WebInspectorDebugging Thanks!
Created attachment 279944 [details] Patch
Created attachment 279945 [details] [IMAGE] After Patch is applied
Comment on attachment 279944 [details] Patch Clearing flags on attachment: 279944 Committed r201454: <http://trac.webkit.org/changeset/201454>
All reviewed patches have been landed. Closing bug.