From 6b94742b728b2cc5c85e6a090134fee3a23db024 Mon Sep 17 00:00:00 2001
From: Helen Hou-Sandi <helen@git.wordpress.org>
Date: Wed, 4 Mar 2015 20:23:29 +0000
Subject: [PATCH] Autocomplete: Update CSS based on both jQuery UI and general
 visual changes.

props rodrigosprimo for the initial patch.
fixes #31427.


git-svn-id: https://develop.svn.wordpress.org/trunk@31611 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/forms.css | 38 +++++++++++++++-----------------------
 1 file changed, 15 insertions(+), 23 deletions(-)

diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index 47de611809..256a51f795 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/wp-admin/css/forms.css
@@ -483,50 +483,42 @@ p.search-box {
 	margin: 0 4px 0 0;
 }
 
-input[type="text"].ui-autocomplete-loading {
-	background: transparent url(../images/loading.gif) no-repeat right center;
+input[type="text"].ui-autocomplete-loading,
+input[type="email"].ui-autocomplete-loading {
+	background-image: url(../images/loading.gif);
+	background-repeat: no-repeat;
+	background-position: right center;
 	visibility: visible;
 }
 
+input.ui-autocomplete-input.open {
+	border-bottom-color: transparent;
+}
+
 ul#add-to-blog-users {
 	margin: 0 0 0 14px;
 }
 
-.ui-autocomplete-input.open {
-	-webkit-border-bottom-right-radius: 0;
-	border-bottom-right-radius: 0;
-	-webkit-border-bottom-left-radius: 0;
-	border-bottom-left-radius: 0;
-}
-
 .ui-autocomplete {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 	position: absolute;
 	z-index: 10000;
-	-webkit-border-bottom-right-radius: 3px;
-	border-bottom-right-radius: 3px;
-	-webkit-border-bottom-left-radius: 3px;
-	border-bottom-left-radius: 3px;
-	border: 1px solid #aaa;
-	background-color: #efefef;
+	border: 1px solid #5b9dd9;
+	-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+	background-color: #fff;
 }
 
 .ui-autocomplete li {
 	margin-bottom: 0;
+	padding: 4px 10px;
 	white-space: nowrap;
 	text-align: left;
 }
 
-.ui-autocomplete li a {
-	display: block;
-	height: 100%;
-	padding: 4px 10px;
-	color: #444;
-}
-
-.ui-autocomplete li a.ui-state-focus {
+.ui-autocomplete li.ui-state-focus {
 	background-color: #ddd;
 	cursor: pointer;
 }