Changeset 22285

Timestamp:

10/23/2012 07:55:35 PM (14 years ago)

Author:

ryan

Message:

Update autocomplete CSS to make nice with jQuery UI 1.9. Give ui-helper-hidden-accessible the same treatment as screen-reader-text. Props helenyhou. fixes #22166

Location:

trunk/wp-admin/css

Files:

• colors-classic.css (modified) (1 diff)
• colors-fresh.css (modified) (1 diff)
• wp-admin.css (modified) (3 diffs)

trunk/wp-admin/css/colors-classic.css

@@ -281 +281 @@
 .ui-autocomplete {
         background-color: #eff8ff;
-        border-color: #d1e5ee;
-}
-
-.ui-autocomplete li a.ui-state-hover {
+}
+
+.ui-autocomplete li a.ui-state-focus {
         background-color: #def1ff;
 }

trunk/wp-admin/css/colors-fresh.css

@@ -277 +277 @@
 .ui-autocomplete {
         background-color: #efefef;
-        border-color: #bbb;
-}
-
-.ui-autocomplete li a.ui-state-hover {
+}
+
+.ui-autocomplete li a.ui-state-focus {
         background-color: #ddd;
 }

trunk/wp-admin/css/wp-admin.css

@@ -190 +190 @@
 /* Hide visually but not from screen readers */
 .screen-reader-text,
-.screen-reader-text span {
+.screen-reader-text span,
+.ui-helper-hidden-accessible {
         position: absolute;
         left: -1000em;
@@ -949 +950 @@
         border-bottom-right-radius: 3px;
         border-bottom-left-radius: 3px;
-        border-width: 1px;
-        border-style: solid;
+        border: 1px solid #a1a1a1;
 }
 
@@ -965 +965 @@
 }
 
-.ui-autocomplete li a.ui-state-hover {
+.ui-autocomplete li a.ui-state-focus {
         cursor: pointer;
 }