[richfaces-svn-commits] JBoss Rich Faces SVN: r16066 - in management/design-4x/tree: images and 1 other directory.

Author: admitriev Date: 2009-12-04 14:28:29 -0500 (Fri, 04 Dec 2009) New Revision: 16066 Added: management/design-4x/tree/images/cross.gif management/design-4x/tree/images/file.gif management/design-4x/tree/images/folder.gif Removed: management/design-4x/tree/images/icon.gif Modified: management/design-4x/tree/images/last.gif management/design-4x/tree/tree.html Log: Added: management/design-4x/tree/images/cross.gif =================================================================== (Binary files differ) Property changes on: management/design-4x/tree/images/cross.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design-4x/tree/images/file.gif =================================================================== (Binary files differ) Property changes on: management/design-4x/tree/images/file.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design-4x/tree/images/folder.gif =================================================================== (Binary files differ) Property changes on: management/design-4x/tree/images/folder.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Deleted: management/design-4x/tree/images/icon.gif =================================================================== (Binary files differ) Modified: management/design-4x/tree/images/last.gif =================================================================== (Binary files differ) Modified: management/design-4x/tree/tree.html =================================================================== --- management/design-4x/tree/tree.html 2009-12-03 19:01:07 UTC (rev 16065) +++ management/design-4x/tree/tree.html 2009-12-04 19:28:29 UTC (rev 16066) @@ -6,17 +6,26 @@ <style> .tree_size{width : 170px;} -.tree_item{background : url(images/last.gif) no-repeat center left;cursor : default; font-size : 11px /*generalSizeFont*/; font-family : verdana /*generalFamilyFont*/; color : #000000 /*generalTextColor*/; padding : 1px 0px 1px 0px; overflow : hidden; width : 100%; white-space : nowrap; text-overflow: ellipsis;} -.tree_item_name{padding : 0px 2px 0px 2px; vertical-align : middle; cursor : pointer;} +.tree_item{background : url(images/last.gif) no-repeat center left; cursor : default; font-size : 11px /*generalSizeFont*/; font-family : verdana /*generalFamilyFont*/; color : #000000 /*generalTextColor*/; padding : 1px 0px 1px 0px; overflow : hidden; width : 100%; white-space : nowrap; text-overflow: ellipsis;} +.tree_item_name{padding : 0px 2px 0px 2px; vertical-align : middle; cursor : pointer; text-overflow: ellipsis;} - -.tree_select{background : #C7D7EC /*additionalBackgroundColor*/;} +.tree_selected{background : url(images/cross.gif) no-repeat center left #C7D7EC /*additionalBackgroundColor*/;} .tree_level{background : url(images/line.gif) repeat-y;} .tree_level_last{background : none;} .tree_level .tree_level{margin-left : 16px;} -.tree_icon {vertical-align : middle; margin : 0px; cursor : pointer;} +.tree_icon {vertical-align : middle; margin : 0px; cursor : pointer; width : 16px; height : 16px; display : inline-block;} + +.tree_status_plus {background : url(images/plus.gif) no-repeat center;} +.tree_status_minus {background : url(images/minus.gif) no-repeat center;} + +.tree_status_blank {background : url(images/spacer.gif) no-repeat center;} + +.tree_node {background : url(images/folder.gif) no-repeat center;} +.tree_child {background : url(images/file.gif) no-repeat center;} +.tree_selarea {display : inline-block;} + .tree_level.tree_collapse .tree_level{display : none;} </style> @@ -29,62 +38,62 @@ <div class="tree_size"> <div class="tree_level tree_level_last"> - <div class="tree_item"> - <img src="images/plus.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_minus"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> <div class="tree_level"> - <div class="tree_item"> - <img src="images/plus.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> </div> <div class="tree_level"> - <div class="tree_item"> - <img src="images/minus.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_minus"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> <div class="tree_level"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name Node name Node name Node name Node name </span> + <div class="tree_item tree_selected"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Very long node name</span> </div> </div> <div class="tree_level tree_collapse"> - <div class="tree_item tree_select"> - <img src="images/plus.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_plus"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> <div class="tree_level"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> </div> <div class="tree_level tree_level_last"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_minus"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> <div class="tree_level tree_level_last"> - <div class="tree_item"> - <img src="images/plus.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_minus"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> <div class="tree_level"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name</span> </div> </div> <div class="tree_level tree_level_last"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item tree_selected"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_node"></div><span class="tree_item_name">Very long node name</span> </div> </div> </div> </div> </div> <div class="tree_level tree_level_last"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_child"></div><span class="tree_item_name">File name</span> </div> </div> </div> <div class="tree_level tree_level_last"> - <div class="tree_item"> - <img src="images/spacer.gif" width="16" height="16" alt="" border="0" class="tree_icon tree_level_last"><img src="images/icon.gif" width="16" height="16" class="tree_icon"><span class="tree_item_name">Node name</span> + <div class="tree_item" onmouseover="this.className='tree_item tree_selected'" onmouseout="this.className='tree_item'"> + <div class="tree_icon tree_status_blank"></div><div class="tree_icon tree_child"></div><span class="tree_item_name">File name</span> </div> </div> </div>