Keyboard accessibility for the theme customizer. props lessbloat, jorbin, JustinSainton. fixes #21283.

git-svn-id: https://develop.svn.wordpress.org/trunk@22400 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2012-11-06 14:47:25 +00:00
parent 452976110d
commit 67ac51fe73
6 changed files with 89 additions and 27 deletions
+15 -1
View File
@@ -67,7 +67,8 @@ body {
.control-section:hover .customize-section-title,
.control-section .customize-section-title:hover,
.control-section.open .customize-section-title {
.control-section.open .customize-section-title,
.customize-section-title:focus {
color: #fff;
text-shadow: 0 -1px 0 #333;
background: #808080;
@@ -126,6 +127,11 @@ body {
color: #999;
}
#customize-info .customize-section-title:focus .preview-notice {
color: #ccc;
text-shadow: 0 -1px 0 #333;
}
#customize-info .theme-name {
font-size: 20px;
font-weight: 200;
@@ -135,6 +141,11 @@ body {
text-shadow: 0 1px 0 #fff;
}
#customize-info .customize-section-title:focus .theme-name {
color: #fff;
text-shadow: 0 -1px 0 #333;
}
#customize-info .theme-screenshot {
width: 258px;
border: 1px solid #ccc;
@@ -155,16 +166,19 @@ body {
margin: 0;
}
#customize-footer-actions .button-primary,
#customize-header-actions .button-primary {
float: right;
margin-top: 10px;
}
#customize-footer-actions .spinner,
#customize-header-actions .spinner {
margin-top: 16px;
margin-right: 4px;
}
.saving #customize-footer-actions .spinner,
.saving #customize-header-actions .spinner {
display: block;
}