From 9f79313579f024781f1f275c8919655e78c838a1 Mon Sep 17 00:00:00 2001
From: Peter Schmidt <peter@peterjs.com>
Date: Wed, 9 Aug 2017 15:40:48 +1000
Subject: [PATCH] COMPASS 1416: Override default blue/orange sidebar focus

---
 src/internal-packages/sidebar/lib/components/sidebar.jsx | 1 +
 src/internal-packages/sidebar/styles/index.less          | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/internal-packages/sidebar/lib/components/sidebar.jsx b/src/internal-packages/sidebar/lib/components/sidebar.jsx
index 2915265e78a..e6856fedb8a 100644
--- a/src/internal-packages/sidebar/lib/components/sidebar.jsx
+++ b/src/internal-packages/sidebar/lib/components/sidebar.jsx
@@ -209,6 +209,7 @@ class Sidebar extends React.Component {
         <List
           width={width}
           height={height}
+          className="compass-sidebar-autosizer-list"
           overScanRowCount={OVER_SCAN_COUNT}
           rowCount={this.props.databases.length}
           rowHeight={this._calculateRowHeight.bind(this)}
diff --git a/src/internal-packages/sidebar/styles/index.less b/src/internal-packages/sidebar/styles/index.less
index 8520ed3c4b9..e648d644e30 100644
--- a/src/internal-packages/sidebar/styles/index.less
+++ b/src/internal-packages/sidebar/styles/index.less
@@ -1,4 +1,4 @@
-@import './sidebar-collection.less';  
+@import './sidebar-collection.less';
 @import './sidebar-database.less';
 @import './sidebar-instance-properties.less';
 
@@ -229,3 +229,8 @@
     opacity: 0;
   }
 }
+
+// Disable the blue (macOS) or orange (RedHat/Ubuntu/Windows) focus outline
+.compass-sidebar-autosizer-list:focus {
+  outline: 0;
+}