Improvements to the media uploader at responsive sizes:

* Change load order so larger breakpoint loads before smaller breakpoint.
* Use absolute positioning rather than floats, to fix some overflow issues.
* Remove the max-height media query so desktop browsers benefit from the responsive styles.
* Reset text inputs to 16px so iOS doesn't force zoom.
* Adjust the position of the close button so it doesn't overlap the Create Gallery link.

See #25977. Props joen.



git-svn-id: https://develop.svn.wordpress.org/trunk@26219 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas
2013-11-15 19:53:50 +00:00
parent 9808a59513
commit 8b8be72403
2 changed files with 136 additions and 129 deletions
+14 -2
View File
@@ -1534,7 +1534,7 @@
}
.media-menu > a {
padding: 4px 10px;
padding: 4px 5px;
}
.media-frame-title,
@@ -1609,7 +1609,19 @@
}
.media-modal-close {
right: 20px;
right: 10px;
}
/* Text inputs need to be 16px, or they force zooming on iOS */
.media-frame input[type="text"],
.media-frame input[type="password"],
.media-frame input[type="number"],
.media-frame input[type="search"],
.media-frame input[type="email"],
.media-frame input[type="url"],
.media-frame textarea,
.media-frame select {
font-size: 16px;
}
}