From 495af495366f01d0229eb4f5accf25d1a9ab17e0 Mon Sep 17 00:00:00 2001
From: Dave Snider <dave.snider@gmail.com>
Date: Thu, 8 Jun 2017 21:11:42 -0700
Subject: [PATCH] focus borders on kui selects and textareas

---
 ui_framework/components/form/_select.scss    |  6 +++++-
 ui_framework/components/form/_text_area.scss |  5 +++++
 ui_framework/dist/ui_framework.css           | 12 ++++++++++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/ui_framework/components/form/_select.scss b/ui_framework/components/form/_select.scss
index 34b7a17a19f62..304e596e16a6b 100644
--- a/ui_framework/components/form/_select.scss
+++ b/ui_framework/components/form/_select.scss
@@ -1,11 +1,15 @@
 .kuiSelect {
   @include select;
-
   @include formControl;
 
   &.kuiSelect-isInvalid {
     @include formControlInvalid;
   }
+
+  &:focus {
+    box-shadow: none;
+    @include formControlFocus;
+  }
 }
 
 .kuiSelect--large {
diff --git a/ui_framework/components/form/_text_area.scss b/ui_framework/components/form/_text_area.scss
index 15224b55fc79e..5ed02b32cc2ea 100644
--- a/ui_framework/components/form/_text_area.scss
+++ b/ui_framework/components/form/_text_area.scss
@@ -1,6 +1,11 @@
 .kuiTextArea {
   @include formControl;
 
+  &:focus {
+    box-shadow: none;
+    @include formControlFocus;
+  }
+
   &.kuiTextArea-isInvalid {
     @include formControlInvalid;
   }
diff --git a/ui_framework/dist/ui_framework.css b/ui_framework/dist/ui_framework.css
index f82e67b605f62..39577c3a54cc8 100644
--- a/ui_framework/dist/ui_framework.css
+++ b/ui_framework/dist/ui_framework.css
@@ -1102,7 +1102,7 @@ body {
     border-color: #D86051; }
   .kuiSelect:focus {
     outline: none;
-    border-color: #6EADC1; }
+    border-color: #0079a5; }
   .kuiSelect:disabled {
     opacity: 0.4;
     cursor: not-allowed; }
@@ -1111,9 +1111,13 @@ body {
     border-color: #444444; }
     .theme-dark .kuiSelect:focus {
       outline: none;
-      border-color: #6EADC1; }
+      border-color: #0079a5; }
   .kuiSelect.kuiSelect-isInvalid {
     border-color: #D86051; }
+  .kuiSelect:focus {
+    box-shadow: none;
+    outline: none;
+    border-color: #0079a5; }
 
 .kuiSelect--large {
   min-width: 400px; }
@@ -1169,6 +1173,10 @@ body {
     .theme-dark .kuiTextArea:focus {
       outline: none;
       border-color: #0079a5; }
+  .kuiTextArea:focus {
+    box-shadow: none;
+    outline: none;
+    border-color: #0079a5; }
   .kuiTextArea.kuiTextArea-isInvalid {
     border-color: #D86051; }