From fd900d576007fa19be6632abb294106802b2825b Mon Sep 17 00:00:00 2001
From: Nathan Sobo <nathan@github.com>
Date: Tue, 24 Apr 2012 13:23:37 -0600
Subject: [PATCH] TreeView entry selection background is green when TreeView is
 focused

---
 src/extensions/tree-view.coffee |  2 +-
 static/tree-view.css            | 19 +++++++++++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/extensions/tree-view.coffee b/src/extensions/tree-view.coffee
index 425999350..4acf98615 100644
--- a/src/extensions/tree-view.coffee
+++ b/src/extensions/tree-view.coffee
@@ -9,7 +9,7 @@ class TreeView extends View
     rootView.prepend(new TreeView(rootView))
 
   @content: (rootView) ->
-    @div class: 'tree-view', =>
+    @div class: 'tree-view', tabindex: -1, =>
       @subview 'root', new DirectoryView(directory: rootView.project.getRootDirectory(), isExpanded: true)
 
   initialize: (@rootView) ->
diff --git a/static/tree-view.css b/static/tree-view.css
index cf318404e..fd542c8a0 100644
--- a/static/tree-view.css
+++ b/static/tree-view.css
@@ -5,6 +5,7 @@
   overflow: auto;
   padding: 0 1em;
   cursor: default;
+  font: 16px Inconsolata, Monaco, Courier !important;
 }
 
 .tree-view .disclosure-arrow {
@@ -13,13 +14,23 @@
 }
 
 .tree-view .directory .entries {
-  padding-left: 2ex;
+  padding-left: 1ex;
 }
 
-.tree-view .file.selected, .tree-view .directory.selected > .header {
-  background: #333;
+.file, .directory > .header {
+  padding: 0 1ex;
 }
 
 .tree-view .directory .entries .file {
-  padding-left: 2ex;
+  padding-left: 3ex;
 }
+
+.tree-view .file.selected, .tree-view .directory.selected > .header {
+  background: #444;
+}
+
+.tree-view:focus .file.selected, .tree-view:focus .directory.selected > .header {
+  background: #a3fd97;
+  color: black;
+}
+