mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-05 18:32:23 +01:00
Move media uploader responsive styles from wp-admin.css to media-views.css; clean up duplicated media queries. See #25977.
Built from https://develop.svn.wordpress.org/trunk@26229 git-svn-id: http://core.svn.wordpress.org/trunk@26136 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Matt Thomas
parent
4a6102adb7
commit
7b06d5b0a9
@ -11895,93 +11895,6 @@ li#wp-admin-bar-toggle-button {
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-frame-menu {
|
|
||||||
width: auto;
|
|
||||||
bottom: auto;
|
|
||||||
left: 0;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-menu {
|
|
||||||
border-left: none;
|
|
||||||
position: relative;
|
|
||||||
border-bottom: 1px solid #dddddd;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 10px 10px 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-menu a {
|
|
||||||
float: right;
|
|
||||||
width: 42%;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Shorten right-side links so they don't overlap the close button */
|
|
||||||
.media-menu a:nth-child(2),
|
|
||||||
.media-menu a:last-child {
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-menu .separator {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-title {
|
|
||||||
top: 72px;
|
|
||||||
right: auto;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-title h1 {
|
|
||||||
line-height: 3;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-router {
|
|
||||||
top: 84px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-content {
|
|
||||||
right: 0;
|
|
||||||
top: 118px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame .attachments-browser {
|
|
||||||
padding-bottom: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-sidebar {
|
|
||||||
border-bottom: 1px solid #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-modal {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-toolbar-primary, .media-toolbar-secondary {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline h3 {
|
|
||||||
margin: 0 0 .8em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline-content {
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline-content .upload-ui {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .attachments, .attachments-browser .uploader-inline {
|
|
||||||
position: relative;
|
|
||||||
margin-left: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Links */
|
/* Links */
|
||||||
.link-manager-php #posts-filter {
|
.link-manager-php #posts-filter {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
@ -12407,6 +12320,11 @@ li#wp-admin-bar-toggle-button {
|
|||||||
margin: 20px -20px;
|
margin: 20px -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Align Add Media + Visual + Text tabs */
|
||||||
|
#wp-content-media-buttons a {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0 10px 0 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and ( max-width: 782px ) {
|
@media screen and ( max-width: 782px ) {
|
||||||
@ -12451,91 +12369,6 @@ li#wp-admin-bar-toggle-button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tiny screens [ = smaller than 500 wide] */
|
|
||||||
@media screen and (max-width: 500px) {
|
|
||||||
/* Align Add Media + Visual + Text tabs */
|
|
||||||
#wp-content-media-buttons a {
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 0 10px 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-modal-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .attachment,
|
|
||||||
.attachments-browser .attachment-preview {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .media-toolbar-primary input.search {
|
|
||||||
max-width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline-content {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-sidebar .setting input[type="checkbox"],
|
|
||||||
.media-sidebar .field input[type="checkbox"] {
|
|
||||||
width: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Don't bother with title for phone-size */
|
|
||||||
.media-frame-title {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-toolbar {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
background: #FFF;
|
|
||||||
border-top: 1px solid #DEDEDE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-toolbar {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .attachments {
|
|
||||||
top: 42px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachment-details h3 {
|
|
||||||
margin-top: 45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Image From Link */
|
|
||||||
.embed-link-settings,
|
|
||||||
.embed-image-settings {
|
|
||||||
padding-bottom: 52px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Gallery */
|
|
||||||
.media-frame.hide-router .media-frame-content {
|
|
||||||
top: 73px;
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gallery-settings h3 {
|
|
||||||
margin-top: 45px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Smartphone */
|
/* Smartphone */
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
#moby6-overlay {
|
#moby6-overlay {
|
||||||
|
|||||||
2
wp-admin/css/wp-admin-rtl.min.css
vendored
2
wp-admin/css/wp-admin-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
@ -11895,93 +11895,6 @@ li#wp-admin-bar-toggle-button {
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-frame-menu {
|
|
||||||
width: auto;
|
|
||||||
bottom: auto;
|
|
||||||
right: 0;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-menu {
|
|
||||||
border-right: none;
|
|
||||||
position: relative;
|
|
||||||
border-bottom: 1px solid #dddddd;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 10px 0 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-menu a {
|
|
||||||
float: left;
|
|
||||||
width: 42%;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Shorten right-side links so they don't overlap the close button */
|
|
||||||
.media-menu a:nth-child(2),
|
|
||||||
.media-menu a:last-child {
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-menu .separator {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-title {
|
|
||||||
top: 72px;
|
|
||||||
left: auto;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-title h1 {
|
|
||||||
line-height: 3;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-router {
|
|
||||||
top: 84px;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-content {
|
|
||||||
left: 0;
|
|
||||||
top: 118px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame .attachments-browser {
|
|
||||||
padding-bottom: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-sidebar {
|
|
||||||
border-bottom: 1px solid #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-modal {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-toolbar-primary, .media-toolbar-secondary {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline h3 {
|
|
||||||
margin: 0 0 .8em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline-content {
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline-content .upload-ui {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .attachments, .attachments-browser .uploader-inline {
|
|
||||||
position: relative;
|
|
||||||
margin-right: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Links */
|
/* Links */
|
||||||
.link-manager-php #posts-filter {
|
.link-manager-php #posts-filter {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
@ -12407,6 +12320,11 @@ li#wp-admin-bar-toggle-button {
|
|||||||
margin: 20px -20px;
|
margin: 20px -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Align Add Media + Visual + Text tabs */
|
||||||
|
#wp-content-media-buttons a {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0 10px 0 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and ( max-width: 782px ) {
|
@media screen and ( max-width: 782px ) {
|
||||||
@ -12451,91 +12369,6 @@ li#wp-admin-bar-toggle-button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tiny screens [ = smaller than 500 wide] */
|
|
||||||
@media screen and (max-width: 500px) {
|
|
||||||
/* Align Add Media + Visual + Text tabs */
|
|
||||||
#wp-content-media-buttons a {
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 0 10px 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-modal-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .attachment,
|
|
||||||
.attachments-browser .attachment-preview {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .media-toolbar-primary input.search {
|
|
||||||
max-width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploader-inline-content {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-sidebar .setting input[type="checkbox"],
|
|
||||||
.media-sidebar .field input[type="checkbox"] {
|
|
||||||
width: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Don't bother with title for phone-size */
|
|
||||||
.media-frame-title {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame-toolbar {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background: #FFF;
|
|
||||||
border-top: 1px solid #DEDEDE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-toolbar {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-frame {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachments-browser .attachments {
|
|
||||||
top: 42px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attachment-details h3 {
|
|
||||||
margin-top: 45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Image From Link */
|
|
||||||
.embed-link-settings,
|
|
||||||
.embed-image-settings {
|
|
||||||
padding-bottom: 52px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Gallery */
|
|
||||||
.media-frame.hide-router .media-frame-content {
|
|
||||||
top: 73px;
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gallery-settings h3 {
|
|
||||||
margin-top: 45px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Smartphone */
|
/* Smartphone */
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
#moby6-overlay {
|
#moby6-overlay {
|
||||||
|
|||||||
2
wp-admin/css/wp-admin.min.css
vendored
2
wp-admin/css/wp-admin.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1625,10 +1625,97 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 800px) {
|
@media only screen and (max-width: 782px) {
|
||||||
.media-frame-content .media-toolbar .instructions {
|
.media-frame-content .media-toolbar .instructions {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.media-frame-menu {
|
||||||
|
width: auto;
|
||||||
|
bottom: auto;
|
||||||
|
left: 0;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-menu {
|
||||||
|
border-left: none;
|
||||||
|
position: relative;
|
||||||
|
border-bottom: 1px solid #dddddd;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 10px 10px 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-menu a {
|
||||||
|
float: right;
|
||||||
|
width: 42%;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Shorten right-side links so they don't overlap the close button */
|
||||||
|
.media-menu a:nth-child(2),
|
||||||
|
.media-menu a:last-child {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-menu .separator {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-title {
|
||||||
|
top: 72px;
|
||||||
|
right: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-title h1 {
|
||||||
|
line-height: 3;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-router {
|
||||||
|
top: 84px;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-content {
|
||||||
|
right: 0;
|
||||||
|
top: 118px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame .attachments-browser {
|
||||||
|
padding-bottom: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-sidebar {
|
||||||
|
border-bottom: 1px solid #dddddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-modal {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-toolbar-primary, .media-toolbar-secondary {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline h3 {
|
||||||
|
margin: 0 0 .8em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline-content {
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline-content .upload-ui {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .attachments, .attachments-browser .uploader-inline {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 180px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 680px) {
|
@media only screen and (max-width: 680px) {
|
||||||
@ -1638,16 +1725,82 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Use the same min-width as in the admin */
|
/* Tiny screens [ = smaller than 500 wide] */
|
||||||
@media only screen and (max-width: 600px) {
|
@media screen and (max-width: 500px) {
|
||||||
.media-modal {
|
.media-modal {
|
||||||
width: 540px;
|
position: fixed;
|
||||||
position: absolute;
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-modal-backdrop {
|
.media-modal-backdrop {
|
||||||
width: 600px;
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .attachment,
|
||||||
|
.attachments-browser .attachment-preview {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .media-toolbar-primary input.search {
|
||||||
|
max-width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline-content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-sidebar .setting input[type="checkbox"],
|
||||||
|
.media-sidebar .field input[type="checkbox"] {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Don't bother with title for phone-size */
|
||||||
|
.media-frame-title {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-toolbar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
background: #FFF;
|
||||||
|
border-top: 1px solid #DEDEDE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-toolbar {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .attachments {
|
||||||
|
top: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachment-details h3 {
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image From Link */
|
||||||
|
.embed-link-settings,
|
||||||
|
.embed-image-settings {
|
||||||
|
padding-bottom: 52px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gallery */
|
||||||
|
.media-frame.hide-router .media-frame-content {
|
||||||
|
top: 73px;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-settings h3 {
|
||||||
|
margin-top: 45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
2
wp-includes/css/media-views-rtl.min.css
vendored
2
wp-includes/css/media-views-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1625,10 +1625,97 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 800px) {
|
@media only screen and (max-width: 782px) {
|
||||||
.media-frame-content .media-toolbar .instructions {
|
.media-frame-content .media-toolbar .instructions {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.media-frame-menu {
|
||||||
|
width: auto;
|
||||||
|
bottom: auto;
|
||||||
|
right: 0;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-menu {
|
||||||
|
border-right: none;
|
||||||
|
position: relative;
|
||||||
|
border-bottom: 1px solid #dddddd;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 10px 0 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-menu a {
|
||||||
|
float: left;
|
||||||
|
width: 42%;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Shorten right-side links so they don't overlap the close button */
|
||||||
|
.media-menu a:nth-child(2),
|
||||||
|
.media-menu a:last-child {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-menu .separator {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-title {
|
||||||
|
top: 72px;
|
||||||
|
left: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-title h1 {
|
||||||
|
line-height: 3;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-router {
|
||||||
|
top: 84px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-content {
|
||||||
|
left: 0;
|
||||||
|
top: 118px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame .attachments-browser {
|
||||||
|
padding-bottom: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-sidebar {
|
||||||
|
border-bottom: 1px solid #dddddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-modal {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-toolbar-primary, .media-toolbar-secondary {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline h3 {
|
||||||
|
margin: 0 0 .8em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline-content {
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline-content .upload-ui {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .attachments, .attachments-browser .uploader-inline {
|
||||||
|
position: relative;
|
||||||
|
margin-right: 180px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 680px) {
|
@media only screen and (max-width: 680px) {
|
||||||
@ -1638,16 +1725,82 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Use the same min-width as in the admin */
|
/* Tiny screens [ = smaller than 500 wide] */
|
||||||
@media only screen and (max-width: 600px) {
|
@media screen and (max-width: 500px) {
|
||||||
.media-modal {
|
.media-modal {
|
||||||
width: 540px;
|
position: fixed;
|
||||||
position: absolute;
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-modal-backdrop {
|
.media-modal-backdrop {
|
||||||
width: 600px;
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .attachment,
|
||||||
|
.attachments-browser .attachment-preview {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .media-toolbar-primary input.search {
|
||||||
|
max-width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader-inline-content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-sidebar .setting input[type="checkbox"],
|
||||||
|
.media-sidebar .field input[type="checkbox"] {
|
||||||
|
width: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Don't bother with title for phone-size */
|
||||||
|
.media-frame-title {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame-toolbar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: #FFF;
|
||||||
|
border-top: 1px solid #DEDEDE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-toolbar {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-frame {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachments-browser .attachments {
|
||||||
|
top: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attachment-details h3 {
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image From Link */
|
||||||
|
.embed-link-settings,
|
||||||
|
.embed-image-settings {
|
||||||
|
padding-bottom: 52px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gallery */
|
||||||
|
.media-frame.hide-router .media-frame-content {
|
||||||
|
top: 73px;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-settings h3 {
|
||||||
|
margin-top: 45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
2
wp-includes/css/media-views.min.css
vendored
2
wp-includes/css/media-views.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user