From 2da677b2f77cdcd7241f9799ac00d2e8b4a88b11 Mon Sep 17 00:00:00 2001 From: Scott Taylor Date: Fri, 19 Jun 2015 18:48:06 +0000 Subject: [PATCH] Improve focus when previewing an oEmbed from Add Media Panel Props afercia. Fixes #28820. git-svn-id: https://develop.svn.wordpress.org/trunk@32861 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/media-views.css | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 7fd028a7ee..712528cfbd 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -1218,11 +1218,11 @@ .upload-errors .upload-error { padding: 12px; - margin-bottom: 12px; - background: #fff; - border-left: 4px solid #dd3d36; - -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + margin-bottom: 12px; + background: #fff; + border-left: 4px solid #dd3d36; + -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .upload-errors .upload-error-filename { @@ -1809,10 +1809,17 @@ overflow: auto; } +.media-embed .embed-link-settings { + /* avoid Firefox to give focus to the embed preview container parent */ + overflow: visible; +} + .embed-preview img, .embed-preview iframe, -.embed-preview embed { +.embed-preview embed, +.mejs-container video { max-width: 100%; + vertical-align: middle; } .embed-preview a { @@ -1824,6 +1831,11 @@ height: auto; } +.mejs-container:focus { + outline: 1px solid #5b9dd9; + box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8); +} + .image-details .media-modal { left: 140px; right: 140px;