3:27 p.m.
Author: admitriev
Date: 2009-12-04 16:27:04 -0500 (Fri, 04 Dec 2009)
New Revision: 16077
Modified:
management/design-4x/tree/tree.html
Log:
Modified: management/design-4x/tree/tree.html
===================================================================
--- management/design-4x/tree/tree.html 2009-12-04 20:58:58 UTC (rev 16076)
+++ management/design-4x/tree/tree.html 2009-12-04 21:27:04 UTC (rev 16077)
@@ -4,27 +4,26 @@
<head>
<title>coll_panel</title>
<style>
-.tree_size{width : 170px;}
+.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;
text-overflow: ellipsis;}
+.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_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_selarea {display : inline-block;}
+.tree_selected {background : #C7D7EC /*additionalBackgroundColor*/;}
-.tree_level .tree_level{margin-left : 16px;}
+.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; 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;}
@@ -38,62 +37,62 @@
<div class="tree_size">
<div class="tree_level tree_level_last">
- <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 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</span></div>
</div>
<div class="tree_level">
- <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 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</span></div>
</div>
</div>
<div class="tree_level">
- <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 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</span></div>
</div>
<div class="tree_level">
- <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 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</span></div>
</div>
</div>
<div class="tree_level tree_collapse">
- <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 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</span></div>
</div>
<div class="tree_level">
- <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 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</span></div>
</div>
</div>
<div class="tree_level tree_level_last">
- <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 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</span></div>
</div>
<div class="tree_level tree_level_last">
- <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 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</span></div>
</div>
<div class="tree_level">
- <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 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</span></div>
</div>
</div>
<div class="tree_level tree_level_last">
- <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 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</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="tree_level tree_level_last">
- <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 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</span></div>
</div>
</div>
</div>
<div class="tree_level tree_level_last">
- <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 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</span></div>
</div>
</div>
</div>