Skip to content
Permalink
Browse files

Accessibility: Improve and modernize user interface controls for bett…

…er contrast. Fourth part: Media Views form controls.

Props anevins, audrasjb, nrqsnchzm, kjellr, karmatosed.
Fixes #47150.


git-svn-id: https://develop.svn.wordpress.org/trunk@46244 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
afercia committed Sep 23, 2019
1 parent 3f58ce5 commit 036973ba27eb947df1d539b4b22d0d18f71f7395
Showing with 8 additions and 5 deletions.
  1. +8 −5 src/wp-includes/css/media-views.css
@@ -85,11 +85,13 @@
.media-frame input[type="url"],
.media-frame textarea,
.media-frame select {
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border: 1px solid #7e8993;
border-radius: 4px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px;
border-width: 1px;
border-style: solid;
border-color: #ddd;
}

.media-frame input[type="text"]:focus,
@@ -100,7 +102,9 @@
.media-frame input[type="url"]:focus,
.media-frame textarea:focus,
.media-frame select:focus {
border-color: #5b9dd9;
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
outline: 2px solid transparent;
}

.media-frame input:disabled,
@@ -209,7 +213,6 @@
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
}

.media-modal-close span.media-modal-icon {

0 comments on commit 036973b

Please sign in to comment.
You can’t perform that action at this time.