WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

git-svn-id: http://core.svn.wordpress.org/trunk@23071 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Mark Jaquith 2012-12-05 10:15:42 +00:00
parent 4d35b3409b
commit 298d374b81
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;
padding: 0 16px;
border: 0 solid #dfdfdf;
overflow: hidden;
}
.media-toolbar-primary {
float: right;
height: 100%;
}
.media-toolbar-secondary {
float: left;
height: 100%;
}
.media-toolbar-primary > .media-button,
@ -1491,6 +1494,13 @@
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
*/
@ -1548,17 +1558,6 @@
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 textarea,
.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 */
@media only screen and (max-width: 600px) {
.media-modal {