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
This commit is contained in:
parent
a06f5f6d90
commit
2da677b2f7
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue