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>