OK so there is a minor issue with the document tree PNG rollovers in the latest release that has an easy fix which will be committed soon. This issue will only be apparent when using IE6, since it is incapable of handling PNG transparency natively. The script uses a transparent gif and a filter workaround for IE6, but a couple things need to be changed to make it work properly.
First, the script is not finding the transparent gif. As a temporary fix, just upload a 1x1 transparent gif to the root of your manager directory and name it x.gif. Later this will probably live in the manager style folder, but for now this hasn't been decided.
The other issue is that the script needs for the images to have declared sizes or they shrink to the size of our transparent gif (1x1). So this could be set in the image tags, the CSS file, or the JavaScript that does the replacing. For now we're doing it in the JavaScript.
Open the file assets/js/pngbehavior.htc and make lines 63-68 look like this:
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
"AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
element.style.width = element.width + "px";
element.style.height = element.height + "px";
}
All you've done is add the two lines that set the correct size for the images after being replaced by the gif.
And lastly, there's a tiny tweak to the CSS file to make the document tree's icon bar not get taller on rollover in IE6.
Open manager/media/style/MODxLight/style.css and change the coolButtonHover class at line 913 to the following:
.coolButtonHover {
border: 1px solid #006400;
padding: 2px 4px 1px 4px;
height: 20px !important;
height: 17px;
background: #dee9c6;
}
That fixed everything for me. I gather that future versions of this release will have this corrected, and the fix may be slightly different. So make sure you look ahead in this thread and see if that's the case before you bother doing this...
