sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Accessibility: Improve the color contrast ratio of the expandable panel "handles".

Browse Source 
Fixes #35923.

git-svn-id: https://develop.svn.wordpress.org/trunk@36959 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2016-03-10 21:44:00 +00:00
parent 55cda28b18
commit 474c7da237
5 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/wp-admin/css/common.css
View File

@ -1561,7 +1561,7 @@ form.upgrade .hint {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-decoration: none !important; text-decoration: none !important;
color: #b4b9be; color: #72777c;
} }
#screen-meta-links .screen-meta-active:after { #screen-meta-links .screen-meta-active:after {
@ -3055,21 +3055,26 @@ img {
text-decoration: none !important; text-decoration: none !important;
} }
.widget-action,
.handlediv, .handlediv,
.item-edit, .item-edit,
.sidebar-name-arrow, .sidebar-name-arrow,
.accordion-section-title:after { .accordion-section-title:after {
color: #a0a5aa; color: #72777c;
} }
.widget-action:hover, .widget-action {
color: #555d66; /* #fafafa background in the Widgets screen */
}
.widget-top:hover .widget-action,
.widget-action:focus,
.handlediv:hover, .handlediv:hover,
.handlediv:focus, .handlediv:focus,
.item-edit:hover, .item-edit:hover,
.item-edit:focus,
.sidebar-name:hover .sidebar-name-arrow, .sidebar-name:hover .sidebar-name-arrow,
.accordion-section-title:hover:after { .accordion-section-title:hover:after {
color: #555d66; color: #23282d;
} }
.widget-top a.widget-action:after { .widget-top a.widget-action:after {

2
src/wp-admin/css/customize-controls.css
View File

@ -159,6 +159,7 @@ body {
#customize-theme-controls .accordion-section-title:after { #customize-theme-controls .accordion-section-title:after {
content: "\f345"; content: "\f345";
color: #a0a5aa;
} }
#customize-theme-controls .accordion-section-content { #customize-theme-controls .accordion-section-content {
@ -646,6 +647,7 @@ p.customize-section-description {
user-select: none; user-select: none;
} }
/* @todo maybe no more used? */
.customize-control .dropdown-arrow { .customize-control .dropdown-arrow {
position: absolute; position: absolute;
top: 0; top: 0;

9
src/wp-admin/css/customize-nav-menus.css
View File

@ -263,7 +263,7 @@
vertical-align: top; vertical-align: top;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
border-radius: 50%; border-radius: 50%;
color: #a0a5aa; color: #72777c;
font: normal 20px/1 dashicons; font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@ -468,12 +468,15 @@
content: none !important; content: none !important;
} }
#available-menu-items .accordion-section-title:hover .toggle-indicator:after { #available-menu-items .accordion-section-title:hover .toggle-indicator:after,
color: #555d66; #available-menu-items .button-link:hover .toggle-indicator:after,
#available-menu-items .button-link:focus .toggle-indicator:after {
color: #23282d;
} }
#available-menu-items .open .accordion-section-title .toggle-indicator:after { #available-menu-items .open .accordion-section-title .toggle-indicator:after {
content: "\f142"; content: "\f142";
color: #23282d;
} }
#available-menu-items .accordion-section-content { #available-menu-items .accordion-section-content {

10
src/wp-admin/css/customize-widgets.css
View File

@ -19,10 +19,20 @@
} }
.customize-control-widget_form .widget-top { .customize-control-widget_form .widget-top {
background: #fff;
-webkit-transition: opacity 0.5s; -webkit-transition: opacity 0.5s;
transition: opacity 0.5s; transition: opacity 0.5s;
} }
.customize-control .widget-action {
color: #72777c;
}
.customize-control .widget-top:hover .widget-action,
.customize-control .widget-action:focus {
color: #23282d;
}
.customize-control-widget_form:not(.widget-rendered) .widget-top { .customize-control-widget_form:not(.widget-rendered) .widget-top {
opacity: 0.5; opacity: 0.5;
} }

2
src/wp-admin/css/list-tables.css
View File

@ -536,7 +536,7 @@ th.asc a:focus span.sorting-indicator:before {
border-radius: 50%; border-radius: 50%;
display: block; display: block;
padding: 1px 2px 1px 0; padding: 1px 2px 1px 0;
color: #666; color: #444; /* same as table headers sort arrows */
content: "\f140"; content: "\f140";
font: normal 20px/1 dashicons; font: normal 20px/1 dashicons;
line-height: 1; line-height: 1;