Tree: folder icons too low

[bill]

The folder icons are too low, relative to the expando (+/-) icons.

Taken from ​IBM Design Leadership recommendations.

[Sam Foster]

[PATCH] [CLA] change to .dijitTreeExpando definition for tundra, soria, nihilo - from dijit/themes

[Sam Foster]

6475_tree_themes_20080505.patch uses position and negative top margin to position the expando icon at the middle of the line-box whatever the font scale. IE just gets nudged with top: 2px as it doesnt have real inline-box, so it all lays out differently.

Note this patch doesnt touch the images - it might make the css less quirky, and those icons more re-usable if they didnt have the top "padding" embedded in them - and css is used to position. But.. it may be late in the day for that - people are no doubt using those images outside of this context already.

Tested: FF2, Safari 3.1, IE6, IE7 In FF3 (windows) it looks like the expando could be nudged 1px less (-6px vs. -7px) but I'm not attempting to workaround at this point.

[bill]

Talked to sfoster about this on IRC. I'd like you (sfoster) to:

• Remove the built-in padding inside the image files. It's a holdover from when the vertical line connecting together sibling elements was part of the expando icon image, and seems like it's better to bite the bullet and remove it.
• Try to get IE to have inline-block formatting for the expando. Otherwise it's aligned at baseline and if the label gets too large (imagine a 100px high label), the expando will be too low.
• agreed that middle of plus sign (the horizontal line) should align w/middle of text and middle of folder icon.

[bill]

Fixed by [14104]

[bill]

(In [14107]) add alt="" for a11y reasons (so screenreader skips the images). refs #6475.