From 17c62d6446d7124b0783059308a57c0b50222722 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Thu, 2 Jul 2020 03:35:09 -0500
Subject: [PATCH] feat: focus

---
 src/client/sidebar.jsx      | 2 ++
 src/client/sidebar.raw.scss | 8 +++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/client/sidebar.jsx b/src/client/sidebar.jsx
index 790002c..2f49875 100644
--- a/src/client/sidebar.jsx
+++ b/src/client/sidebar.jsx
@@ -105,6 +105,7 @@ const Sidebar = () => {
         canNodeHaveChildren={(node) => !node.uri}
         generateNodeProps={({node}) => ({
           onClick: (event) => {
+            event.target.focus();
             if (node.uri) {
               dispatch(setActiveResourceUri(node.uri));
             }
@@ -124,6 +125,7 @@ const Sidebar = () => {
               }));
             }
           },
+          tabIndex: 0,
         })}
         // eslint-disable-next-line no-shadow
         onChange={(treeData) => setTreeData(treeData)}
diff --git a/src/client/sidebar.raw.scss b/src/client/sidebar.raw.scss
index e675567..13ad87d 100644
--- a/src/client/sidebar.raw.scss
+++ b/src/client/sidebar.raw.scss
@@ -62,7 +62,13 @@ h2 {
 .rstcustom__node {
   padding: 0 0.5em;
   &:hover {
-    background-color: rgba(255, 255, 255, 0.025);
+    background-color: rgba(102, 85, 255, 0.025);
+  }
+  &:focus-within {
+    background-color: #353e7d;
+  }
+  > :focus {
+    box-shadow: none;
   }
   button {
     top: 0.75em;