From 036973ba27eb947df1d539b4b22d0d18f71f7395 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Mon, 23 Sep 2019 15:48:32 +0000
Subject: [PATCH] Accessibility: Improve and modernize user interface controls
 for better 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
---
 src/wp-includes/css/media-views.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 887f686f0e..243369ade0 100644
--- a/src/wp-includes/css/media-views.css
+++ b/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 {