I am looking at improving Debug.inspect.  I think it will be useful to show 
when an attribute has a style binding, what the CSS property is that is causing 
that binding.  I have a few ideas:

Show the CSS property in parens (only when that property is in force):

> «<view with='boxmodel'>#1#0| #me/@ps» {
...
>   padding (padding):boxsidedimensions 1 3 5 7
>   paddingbottom (padding-bottom):number 5
 
or show something that looks like the CSS definition:

> «<view with='boxmodel'>#1#0| #me/@ps» {

...
>   padding:boxsidedimensions {padding: 1 3 5 7}
>   paddingbottom:number {padding-bottom: 5}

but this could be confused with just having an Object as a value, if you do not 
notice the type declaration.

> «<view with='boxmodel'>#1#0| #me/@ps» {
...
>   padding:boxsidedimensions style="padding: 1 3 5 7"
>   paddingbottom:number style="padding-bottom: 5"

Looks more understandable to me, but we don't yet implement style= on views, so 
might confuse.  And the style is not necessarily from a style=, it could be any 
CSS rule.

Preferences?  Other ideas?

Reply via email to