Changeset 31611

Timestamp:

03/04/2015 08:23:29 PM (10 years ago)

Author:

helen

Message:

Autocomplete: Update CSS based on both jQuery UI and general visual changes.

props rodrigosprimo for the initial patch.
fixes #31427.

File:

• trunk/src/wp-admin/css/forms.css (modified) (2 diffs)

trunk/src/wp-admin/css/forms.css

@@ -484 +484 @@
 }
 
-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;
 }
 
@@ -506 +506 @@
     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;