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

Accessibility: Improve and modernize user interface controls for better contrast. Second part: tables, meta boxes, and other user interface elements.

Browse Source 
Introduces better contrast for borders of the following user interface elements:
- Tables
- Screen Options and Help 
- Admin notices
- Welcome panel
- Meta boxes (post boxes)
- Cards
- Health Check accordions and headings
- Theme and Plugin upload forms

Props kjellr, melchoyce, karmatosed, audrasjb.
Fixes #48101.


git-svn-id: https://develop.svn.wordpress.org/trunk@46242 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2019-09-23 15:09:59 +00:00
parent 94211aeb05
commit 82bded36f8
7 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -190,7 +190,7 @@ p.popular-tags,
.feature-filter,
.imgedit-group,
.comment-ays {
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
@ -484,12 +484,12 @@ code {
.widefat thead th,
.widefat thead td {
border-bottom: 1px solid #e1e1e1;
border-bottom: 1px solid #ccd0d4;
}
.widefat tfoot th,
.widefat tfoot td {
border-top: 1px solid #e1e1e1;
border-top: 1px solid #ccd0d4;
border-bottom: none;
}
@ -771,7 +771,7 @@ img.emoji {
.postbox .hndle,
.stuffbox .hndle {
border-bottom: 1px solid #eee;
border-bottom: 1px solid #ccd0d4;
}
.quicktags,
@ -999,7 +999,7 @@ th.action-links {
padding: 0 10px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
background: #fff;
color: #555;
font-size: 13px;
@ -1366,8 +1366,9 @@ th.action-links {
div.updated,
div.error {
background: #fff;
border-left: 4px solid #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #ccd0d4;
border-left-width: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.04)
margin: 5px 15px 2px;
padding: 1px 12px;
}
@ -1670,7 +1671,7 @@ form.upgrade .hint {
margin: 0 20px -1px 0px;
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid #ccd0d4;
border-top: none;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
}
@ -1687,9 +1688,9 @@ form.upgrade .hint {
}
#screen-meta-links .show-settings {
border: 1px solid #ddd;
border: 1px solid #ccd0d4;
border-top: none;
border-bottom-color: #ccc;
border-bottom-color: #ccd0d4;
height: auto;
margin-bottom: 0;
padding: 3px 6px 3px 16px;
@ -1836,7 +1837,7 @@ form.upgrade .hint {
bottom: 0;
left: 150px;
right: 170px;
border: 1px solid #e1e1e1;
border: 1px solid #ccd0d4;
border-top: none;
border-bottom: none;
background: #f6fbfd;
@ -1889,7 +1890,7 @@ form.upgrade .hint {
}
.contextual-help-tabs .active a {
border-color: #e1e1e1;
border-color: #ccd0d4;
color: #32373c;
}

2
src/wp-admin/css/dashboard.css
View File

@ -103,7 +103,7 @@
overflow: auto;
margin: 16px 0;
padding: 23px 10px 0;
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 13px;

8
src/wp-admin/css/edit.css
View File

@ -153,7 +153,7 @@ body.post-new-php .submitbox .submitdelete {
.postbox {
position: relative;
min-width: 255px;
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
}
@ -309,7 +309,7 @@ form#tags-filter {
#post-status-info {
width: 100%;
border-spacing: 0;
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
border-top: none;
background-color: #f7f7f7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@ -360,7 +360,7 @@ form#tags-filter {
.wp-editor-expand #wp-content-editor-tools {
z-index: 1000;
border-bottom: 1px solid #e5e5e5;
border-bottom: 1px solid #ccd0d4;
}
.wp-editor-expand #wp-content-editor-container {
@ -377,7 +377,7 @@ form#tags-filter {
}
.wp-editor-expand #post-status-info {
border-top: 1px solid #e5e5e5;
border-top: 1px solid #ccd0d4;
}
.wp-editor-expand div.mce-toolbar-grp {

2
src/wp-admin/css/forms.css
View File

@ -794,7 +794,7 @@ table.form-table td .updated p {
padding: 0.7em 2em 1em;
min-width: 255px;
max-width: 520px;
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
box-sizing: border-box;

2
src/wp-admin/css/nav-menus.css
View File

@ -647,7 +647,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
padding: 10px 0 10px 10px;
position: relative;
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
border-top: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

4
src/wp-admin/css/site-health.css
View File

@ -273,12 +273,12 @@
}
.health-check-accordion {
border: 1px solid #e2e4e7;
border: 1px solid #ccd0d4;
}
.health-check-accordion-heading {
margin: 0;
border-top: 1px solid #e2e4e7;
border-top: 1px solid #ccd0d4;
font-size: inherit;
line-height: inherit;
font-weight: 600;

2
src/wp-admin/css/themes.css
View File

@ -1047,7 +1047,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
.upload-theme .wp-upload-form,
.upload-plugin .wp-upload-form {
background: #fafafa;
border: 1px solid #e5e5e5;
border: 1px solid #ccd0d4;
padding: 30px;
margin: 30px auto;
max-width: 380px;