From 3510d967df4f815cb3ee87def3f931474cc59d3f Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Fri, 20 Mar 2015 11:57:02 -0400
Subject: [PATCH] Fix menu to have same border color on keyboard tab

---
 src/definitions/modules/dropdown.less         | 21 ++++++++++++-------
 src/themes/default/modules/dropdown.variables | 10 +++++----
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less
index baaf0bfbf..ce6654ffa 100755
--- a/src/definitions/modules/dropdown.less
+++ b/src/definitions/modules/dropdown.less
@@ -450,22 +450,29 @@ select.ui.dropdown {
   border: @selectionBorder;
   opacity: @disabledOpacity !important;
 }
+/* Visible */
+.ui.selection.dropdown.visible {
+  border-color: @selectionVisibleBorderColor;
+  box-shadow: @selectionVisibleBoxShadow;
+}
+
+.ui.selection.visible.dropdown .menu {
+  border-color: @selectionVisibleBorderColor;
+  box-shadow: @selectionVisibleMenuBoxShadow;
+}
+
 
 /* Visible Hover */
 .ui.selection.visible.dropdown:hover {
   border-color: @selectionVisibleHoverBorderColor;
   box-shadow: @selectionVisibleHoverBoxShadow;
 }
-.ui.selection.visible.dropdown:hover .menu {
-  border: @selectionVisibleHoverMenuBorder;
+
+.ui.selection.visible.dropdown .menu {
+  border-color: @selectionVisibleHoverBorderColor;
   box-shadow: @selectionVisibleHoverMenuBoxShadow;
 }
 
-/* Visible */
-.ui.selection.dropdown.visible {
-  border-color: @selectionVisibleBorderColor;
-  box-shadow: @selectionVisibleBoxShadow;
-}
 
 /* Active Item */
 .ui.selection.active.dropdown > .text:not(.default),
diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables
index f79baf5cd..d92a37952 100644
--- a/src/themes/default/modules/dropdown.variables
+++ b/src/themes/default/modules/dropdown.variables
@@ -172,15 +172,17 @@
 @selectionHoverBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
 
 /* Visible */
-@selectionVisibleBorderColor: @selectedBorderColor;
-@selectionVisibleBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
 @selectionVisibleTextFontWeight: normal;
 @selectionVisibleTextColor: @hoveredTextColor;
 
+@selectionVisibleBorderColor: @selectedBorderColor;
+@selectionVisibleBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+@selectionVisibleMenuBoxShadow: 0px 2px 6px 0px @borderColor;
+
 /* Visible Hover */
 @selectionVisibleHoverBorderColor: @selectedBorderColor;
-@selectionVisibleHoverBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
-@selectionVisibleHoverMenuBoxShadow: 0px 2px 6px 0px @borderColor;
+@selectionVisibleHoverBoxShadow: @selectionVisibleBoxShadow;
+@selectionVisibleHoverMenuBoxShadow: @selectionVisibleMenuBoxShadow;
 
 @selectionVisibleConnectingBorder: 0em;
 @selectionVisibleIconOpacity: 1;