Changeset 32861

Timestamp:

06/19/2015 06:48:06 PM (9 years ago)

Author:

wonderboymusic

Message:

Improve focus when previewing an oEmbed from Add Media Panel

Props afercia.
Fixes #28820.

File:

• trunk/src/wp-includes/css/media-views.css (modified) (3 diffs)

trunk/src/wp-includes/css/media-views.css

@@ -1219 +1219 @@
 .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);
 }
 
@@ -1810 +1810 @@
 }
 
+.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;
 }
 
@@ -1823 +1830 @@
     display: block;
     height: auto;
+}
+
+.mejs-container:focus {
+    outline: 1px solid #5b9dd9;
+    box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
 }