From 079288f0c8b5b3c7381750d25df6072b464e5d92 Mon Sep 17 00:00:00 2001 From: Ryan Boren Date: Tue, 23 Oct 2012 19:55:35 +0000 Subject: [PATCH] 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 git-svn-id: https://develop.svn.wordpress.org/trunk@22285 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-admin/css/colors-classic.css | 3 +-- wp-admin/css/colors-fresh.css | 3 +-- wp-admin/css/wp-admin.css | 8 ++++---- 3 files changed, 6 insertions(+), 8 deletions(-) diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css index df17efdf03..674badb33e 100644 --- a/wp-admin/css/colors-classic.css +++ b/wp-admin/css/colors-classic.css @@ -280,10 +280,9 @@ td.help { .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; } diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index 90c8fb4327..f863da0c06 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -276,10 +276,9 @@ td.help { .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; } diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index 7124524fcb..c73ac89a95 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -189,7 +189,8 @@ TABLE OF CONTENTS: /* 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; top: -1000em; @@ -948,8 +949,7 @@ ul#add-to-blog-users { z-index: 10000; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-width: 1px; - border-style: solid; + border: 1px solid #a1a1a1; } .ui-autocomplete li { @@ -964,7 +964,7 @@ ul#add-to-blog-users { padding: 4px 10px; } -.ui-autocomplete li a.ui-state-hover { +.ui-autocomplete li a.ui-state-focus { cursor: pointer; }