[richfaces-svn-commits] JBoss Rich Faces SVN: r19719 - management/design-4x/tree.

Author: nbelaevski Date: 2010-10-27 19:57:24 -0400 (Wed, 27 Oct 2010) New Revision: 19719 Modified: management/design-4x/tree/tree.html Log: https://jira.jboss.org/browse/RF-9315 - classes renamed Modified: management/design-4x/tree/tree.html =================================================================== --- management/design-4x/tree/tree.html 2010-10-27 23:34:28 UTC (rev 19718) +++ management/design-4x/tree/tree.html 2010-10-27 23:57:24 UTC (rev 19719) @@ -6,26 +6,29 @@ <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;} -.tree_item_name {padding : 0px 4px 0px 2px; vertical-align : middle; cursor : pointer; display : inline-block;} +.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;} +.tree_item_label {padding : 0px 4px 0px 2px; vertical-align : middle; cursor : pointer; display : inline-block;} .tree_selarea {display : inline-block;} .tree_selected {background : #C7D7EC /*additionalBackgroundColor*/;} -.tree_level {background : url(images/line.gif) repeat-y;} -.tree_level_last {background : none;} -.tree_level .tree_level {margin-left : 16px;} +.tree_node {background : url(images/line.gif) repeat-y;} +.tree_node_last {background : none;} +.tree_node .tree_node {margin-left : 16px;} .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_icon_collapsed {background : url(images/plus.gif) no-repeat center;} +.tree_icon_expanded {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_icon_node {background : url(images/folder.gif) no-repeat center;} +.tree_icon_leaf {background : url(images/file.gif) no-repeat center;} -.tree_level.tree_collapse .tree_level{display : none;} +.tree_node.tree_collapse .tree_node{display : none;} </style> @@ -36,63 +39,63 @@ <div class="tree_size"> - <div class="tree_level tree_level_last"> + <div class="tree_node tree_node_last"> <div class="tree_item"> - <div class="tree_icon tree_status_minus"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1</span></div> + <div class="tree_icon tree_icon_expanded"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1</span></div> </div> - <div class="tree_level"> + <div class="tree_node"> <div class="tree_item"> - <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1.1</span></div> + <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1.1</span></div> </div> </div> - <div class="tree_level"> + <div class="tree_node"> <div class="tree_item"> - <div class="tree_icon tree_status_minus"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1.2</span></div> + <div class="tree_icon tree_icon_expanded"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1.2</span></div> </div> - <div class="tree_level"> + <div class="tree_node"> <div class="tree_item"> - <div class="tree_icon tree_status_blank"></div><div class="tree_selarea tree_selected"><div class="tree_icon tree_node"></div><span class="tree_item_name">Very long node name 1.2.1</span></div> + <div class="tree_icon tree_status_blank"></div><div class="tree_selarea tree_selected"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Very long node name 1.2.1</span></div> </div> </div> - <div class="tree_level tree_collapse"> + <div class="tree_node tree_collapse"> <div class="tree_item"> - <div class="tree_icon tree_status_plus"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1.2.2</span></div> + <div class="tree_icon tree_icon_collapsed"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1.2.2</span></div> </div> - <div class="tree_level"> + <div class="tree_node"> <div class="tree_item"> - <div class="tree_icon tree_status_minus"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1.2.2.1</span></div> + <div class="tree_icon tree_icon_expanded"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1.2.2.1</span></div> </div> </div> - <div class="tree_level tree_level_last"> + <div class="tree_node tree_node_last"> <div class="tree_item"> - <div class="tree_icon tree_status_minus"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1.2.2.2</span></div> + <div class="tree_icon tree_icon_expanded"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1.2.2.2</span></div> </div> - <div class="tree_level tree_level_last"> + <div class="tree_node tree_node_last"> <div class="tree_item"> - <div class="tree_icon tree_status_minus"></div><div class="tree_selarea"><div class="tree_icon tree_node"></div><span class="tree_item_name">Node name 1.2.2.2.1</span></div> + <div class="tree_icon tree_icon_expanded"></div><div class="tree_selarea"><div class="tree_icon tree_icon_node"></div><span class="tree_item_label">Node name 1.2.2.2.1</span></div> </div> - <div class="tree_level"> + <div class="tree_node"> <div class="tree_item"> - <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_child"></div><span class="tree_item_name">Node name 1.2.2.2.1.1</span></div> + <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_icon_leaf"></div><span class="tree_item_label">Node name 1.2.2.2.1.1</span></div> </div> </div> - <div class="tree_level tree_level_last"> + <div class="tree_node tree_node_last"> <div class="tree_item"> - <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_child"></div><span class="tree_item_name">Node name 1.2.2.2.1.2</span></div> + <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_icon_leaf"></div><span class="tree_item_label">Node name 1.2.2.2.1.2</span></div> </div> </div> </div> </div> </div> - <div class="tree_level tree_level_last"> + <div class="tree_node tree_node_last"> <div class="tree_item"> - <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_child"></div><span class="tree_item_name">Node name 1.2.3</span></div> + <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_icon_leaf"></div><span class="tree_item_label">Node name 1.2.3</span></div> </div> </div> </div> - <div class="tree_level tree_level_last"> + <div class="tree_node tree_node_last"> <div class="tree_item"> - <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_child"></div><span class="tree_item_name">Node name 1.3</span></div> + <div class="tree_icon tree_status_blank"></div><div class="tree_selarea"><div class="tree_icon tree_icon_leaf"></div><span class="tree_item_label">Node name 1.3</span></div> </div> </div> </div>