Changeset 22452

Timestamp:

11/07/2012 10:15:49 PM (12 years ago)

Author:

nacin

Message:

Customizer accessibility: Align focus styles with hover styles. props helenyhou. fixes #21283.

File:

• trunk/wp-admin/css/customize-controls.css (modified) (4 diffs)

trunk/wp-admin/css/customize-controls.css

@@ -69 +69 @@
 .control-section .customize-section-title:hover,
 .control-section.open .customize-section-title,
-.customize-section-title:focus {
+.control-section .customize-section-title:focus {
     color: #fff;
     text-shadow: 0 -1px 0 #333;
@@ -106 +106 @@
 }
 
-.customize-section-title:hover:after {
+.customize-section-title:hover:after,
+.customize-section-title:focus:after {
     border-color: #aaa transparent;
 }
 
-.control-section .customize-section-title:hover:after {
+.control-section .customize-section-title:hover:after,
+.control-section .customize-section-title:focus:after {
     border-color: #eee transparent;
 }
@@ -126 +128 @@
     line-height: 24px;
     color: #999;
-}
-
-#customize-info .customize-section-title:focus .preview-notice {
-    color: #ccc;
-    text-shadow: 0 -1px 0 #333;
 }
 
@@ -140 +137 @@
     display: block;
     text-shadow: 0 1px 0 #fff;
-}
-
-#customize-info .customize-section-title:focus .theme-name {
-    color: #fff;
-    text-shadow: 0 -1px 0 #333;
 }