sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Better responsive breakpoints for the Gallery editing screen. props koopersmith. fixes #22741 

git-svn-id: https://develop.svn.wordpress.org/trunk@23071 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Mark Jaquith 2012-12-05 10:15:42 +00:00
parent d767e74ae9
commit c2f15bc83b
1 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
wp-includes/css/media-views.css
View File

@ -154,14 +154,17 @@
height: 60px; height: 60px;
padding: 0 16px; padding: 0 16px;
border: 0 solid #dfdfdf; border: 0 solid #dfdfdf;
overflow: hidden;
} }
.media-toolbar-primary { .media-toolbar-primary {
float: right; float: right;
height: 100%;
} }
.media-toolbar-secondary { .media-toolbar-secondary {
float: left; float: left;
height: 100%;
} }
.media-toolbar-primary > .media-button, .media-toolbar-primary > .media-button,
@ -1491,6 +1494,13 @@
float: left; float: left;
} }
@media only screen and (max-width: 960px) {
.media-frame-content .media-toolbar-primary .search,
.media-frame-content .media-toolbar-secondary .attachment-filters {
max-width: 120px;
}
}
/** /**
* Responsive layout * Responsive layout
*/ */
@ -1548,17 +1558,6 @@
width: auto; width: auto;
} }
.media-frame-content .media-toolbar-primary,
.media-frame-content .media-toolbar-secondary {
display: inline;
float: none;
}
.media-frame-content .media-toolbar-primary .search,
.media-frame-content .media-toolbar-secondary select {
max-width: 45%;
}
.media-frame input, .media-frame input,
.media-frame textarea, .media-frame textarea,
.media-frame .search { .media-frame .search {
@ -1586,6 +1585,19 @@
} }
} }
@media only screen and (max-width: 800px) {
.media-frame-content .media-toolbar .instructions {
display: none;
}
}
@media only screen and (max-width: 680px) {
.media-frame-content .media-toolbar .search,
.media-frame-content .media-toolbar .attachment-filters {
max-width: 85px;
}
}
/* Use the same min-width as in the admin */ /* Use the same min-width as in the admin */
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.media-modal { .media-modal {