From 3a8dc4195a166478695bb286493f83258a4be49b Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Wed, 8 Feb 2012 16:55:10 -0800 Subject: Tree Components - css fixes --- css/ninja.css | 2 +- js/components/treeview/ninja-branch.reel/ninja-branch.css | 11 ++++++----- js/components/treeview/ninja-leaf.reel/ninja-leaf.css | 2 ++ js/components/treeview/treeview.reel/treeview.html | 2 +- 4 files changed, 10 insertions(+), 7 deletions(-) diff --git a/css/ninja.css b/css/ninja.css index 8ce60a10..ba434f42 100644 --- a/css/ninja.css +++ b/css/ninja.css @@ -408,7 +408,7 @@ span.pp-span-all:focus { -webkit-box-shadow: none; background-color: #b4b4b4; bo #pp-container-list li, #pp-container-list span.span-space { background-repeat: no-repeat; } -#pp-container-list li.directory.open > span.pp-span-all > span.pp-col-files > span.span-space { background-image: url("../images/panels/project-panel/icon-file-folderopen.png"); background-position: 100% 0px; } +#pp-container-list li.directory.open > span.pp-span-all > span.pp-col-files > span.span-space, .branch-label { background-image: url("../images/panels/project-panel/icon-file-folderopen.png"); background-position: 100% 0px; } #pp-container-list li.directory.closed > span.pp-span-all > span.pp-col-files > span.span-space { background-image: url("../images/panels/project-panel/icon-file-folderclosed.png"); background-position: 100% 0px; } diff --git a/js/components/treeview/ninja-branch.reel/ninja-branch.css b/js/components/treeview/ninja-branch.reel/ninja-branch.css index 6a458cc7..d8c212e8 100644 --- a/js/components/treeview/ninja-branch.reel/ninja-branch.css +++ b/js/components/treeview/ninja-branch.reel/ninja-branch.css @@ -18,14 +18,15 @@ width: 100%; } .treeRoot .branch .branch-label { - border-bottom: 1px solid #505050; - cursor: pointer; - padding: 3px 0 4px; background-repeat: no-repeat; background-position: 3px 2px; - box-shadow: 0 0 0 0 rgba(0,0,0,0); - font-weight: bold; + border-bottom: 1px solid #505050; box-shadow: 0 3px 4px -4px rgba(0,0,0,0.2); + color: #FFF; + cursor: pointer; + font-weight: bold; + padding: 3px 0 4px; + text-shadow: 1px 1px 0 #000; } /* First Level */ diff --git a/js/components/treeview/ninja-leaf.reel/ninja-leaf.css b/js/components/treeview/ninja-leaf.reel/ninja-leaf.css index b2f427b5..085b11e0 100644 --- a/js/components/treeview/ninja-leaf.reel/ninja-leaf.css +++ b/js/components/treeview/ninja-leaf.reel/ninja-leaf.css @@ -19,6 +19,8 @@ /* Second level */ .branch .branch .leaf-label { background-position: 25px center; + box-shadow: 0 3px 4px -4px rgba(0,0,0,0.2); + color: #FFF; padding-left: 45px; } /* Third level */ diff --git a/js/components/treeview/treeview.reel/treeview.html b/js/components/treeview/treeview.reel/treeview.html index d70b016c..4f9e6a72 100644 --- a/js/components/treeview/treeview.reel/treeview.html +++ b/js/components/treeview/treeview.reel/treeview.html @@ -26,7 +26,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot "name" : "Branch" }, "defaultLeaf" : { - "module" : "js/components/treeview/presets-leaf.reel", + "module" : "js/components/treeview/leaf.reel", "name" : "Leaf" }, "scrollview": { -- cgit v1.2.3