Improve focus when previewing an oEmbed from Add Media Panel

Props afercia.
Fixes #28820.

Built from https://develop.svn.wordpress.org/trunk@32861


git-svn-id: http://core.svn.wordpress.org/trunk@32832 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Scott Taylor 2015-06-19 18:49:27 +00:00
parent 32dabc1f90
commit c5e088bf0f
5 changed files with 39 additions and 15 deletions

View File

@ -1218,11 +1218,11 @@
.upload-errors .upload-error { .upload-errors .upload-error {
padding: 12px; padding: 12px;
margin-bottom: 12px; margin-bottom: 12px;
background: #fff; background: #fff;
border-right: 4px solid #dd3d36; border-right: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -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); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
} }
.upload-errors .upload-error-filename { .upload-errors .upload-error-filename {
@ -1809,10 +1809,17 @@
overflow: auto; 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 img,
.embed-preview iframe, .embed-preview iframe,
.embed-preview embed { .embed-preview embed,
.mejs-container video {
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
.embed-preview a { .embed-preview a {
@ -1824,6 +1831,11 @@
height: auto; height: auto;
} }
.mejs-container:focus {
outline: 1px solid #5b9dd9;
box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
}
.image-details .media-modal { .image-details .media-modal {
right: 140px; right: 140px;
left: 140px; left: 140px;

File diff suppressed because one or more lines are too long

View File

@ -1218,11 +1218,11 @@
.upload-errors .upload-error { .upload-errors .upload-error {
padding: 12px; padding: 12px;
margin-bottom: 12px; margin-bottom: 12px;
background: #fff; background: #fff;
border-left: 4px solid #dd3d36; border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -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); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
} }
.upload-errors .upload-error-filename { .upload-errors .upload-error-filename {
@ -1809,10 +1809,17 @@
overflow: auto; 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 img,
.embed-preview iframe, .embed-preview iframe,
.embed-preview embed { .embed-preview embed,
.mejs-container video {
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
.embed-preview a { .embed-preview a {
@ -1824,6 +1831,11 @@
height: auto; height: auto;
} }
.mejs-container:focus {
outline: 1px solid #5b9dd9;
box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
}
.image-details .media-modal { .image-details .media-modal {
left: 140px; left: 140px;
right: 140px; right: 140px;

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.3-alpha-32860'; $wp_version = '4.3-alpha-32861';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.