Commit Graph

114 Commits

Author SHA1 Message Date
Matt Thomas
a3f4245602 Update the media upload interfaces to match new admin design:
* Replace separate progress bar designs on media-new.php and modal media uploader with a single consistent design
* Remove side borders from list of uploads on media-new.php
* Restyle the selected photo border and checkbox on modal media uploader
* Add a Media Uploader section to color schemes with progress bar and selected photo styles

Fixes #26147. Props melchoyce, iammattthomas.


Built from https://develop.svn.wordpress.org/trunk@26309


git-svn-id: http://core.svn.wordpress.org/trunk@26213 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-22 00:03:10 +00:00
Matt Thomas
10f37f1180 Improvements to the modal media uploader on mobile in landscape orientation.
* Merge the 782 and 500 width queries into a single 640px query
* At this breakpoint, remove the drop shadow and margin from the uploader modal
* For only landscape views, tabs are shown in a single line.
* Add padding to tab links to account for untappable 20px area at top of landscape viewport in iOS
* Add overflow: visible to .embed-link-settings at responsive sizes to prevent unnecessary framed scrolling

See #25977, props joen.


Built from https://develop.svn.wordpress.org/trunk@26250


git-svn-id: http://core.svn.wordpress.org/trunk@26156 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-18 20:07:10 +00:00
Matt Thomas
7b06d5b0a9 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
2013-11-15 21:47:09 +00:00
Matt Thomas
a9bab73408 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.


Built from https://develop.svn.wordpress.org/trunk@26219


git-svn-id: http://core.svn.wordpress.org/trunk@26127 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-15 19:54:10 +00:00
Helen Hou-Sandí
69d432410a Say hello to a fresh new look for the WordPress admin.
Still to come: more color schemes, a responsive component, and more.

see #25858.
props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen.

Built from https://develop.svn.wordpress.org/trunk@26072


git-svn-id: http://core.svn.wordpress.org/trunk@25992 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-10 00:27:10 +00:00
Daryl Koopersmith
a16ff29d7b Ensure iframes in the media modal on the frontend have no borders. props nacin. fixes #22804.
git-svn-id: http://core.svn.wordpress.org/trunk@23118 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-07 10:27:07 +00:00
Ryan Boren
eaefa67006 When inserting from URL in the media modal, retain query params and properly insert the caption code.
Props koopersmith
fixes #22796


git-svn-id: http://core.svn.wordpress.org/trunk@23110 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-06 23:12:59 +00:00
Mark Jaquith
1419b404a8 Add the ability to click "Edit" and kick out to the advanced image editor from within the Media modal. New window, with "Refresh" offered on your return. fixes #22743. props koopersmith, nacin, helenyhou.
git-svn-id: http://core.svn.wordpress.org/trunk@23095 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-06 05:52:19 +00:00
Andrew Nacin
b1ba49f26e Media: Account for the most obvious and common style conflicts that may occur when the media modal is loaded on the frontend. Tested primarily with P2. props lessbloat, helenyhou. fixes #22752.
git-svn-id: http://core.svn.wordpress.org/trunk@23077 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-05 19:15:40 +00:00
Mark Jaquith
298d374b81 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
2012-12-05 10:15:42 +00:00
Andrew Nacin
4676fb1eda Media: Sidebar labels should be display block. Prevents wonkiness like inputs disappearing because Chrome no like you. props helenyhou. fixes #22721.
git-svn-id: http://core.svn.wordpress.org/trunk@23063 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-05 04:06:45 +00:00
Andrew Nacin
49fd122391 Media IE7 fixes. props azaozz, lessbloat. fixes #22732.
git-svn-id: http://core.svn.wordpress.org/trunk@23061 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-05 03:15:53 +00:00
Andrew Nacin
c7fee4d3e6 Minimum heights for the media modal to prevent it from scrunching up on tiny devices. (Panning is better.) props helenyhou. fixes #22747.
git-svn-id: http://core.svn.wordpress.org/trunk@23052 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-05 00:40:13 +00:00
Andrew Nacin
b8cd44b0d2 Media views: Better checkbox positioning. props helenyhou. fixes #22724.
git-svn-id: http://core.svn.wordpress.org/trunk@23049 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 23:56:37 +00:00
Andrew Nacin
016b30b1f7 Media: Fix vertical and horizontal alignment of the gallery "Random" checkbox, and checkbox settings in general. Includes RTL. props koopersmith. fixes #22724.
git-svn-id: http://core.svn.wordpress.org/trunk@23034 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 18:51:27 +00:00
Ryan Boren
a200c702e0 Only show Delete in media modal if the user can delete.
Props nacin, koopersmith
fixes #22711


git-svn-id: http://core.svn.wordpress.org/trunk@23032 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 18:33:51 +00:00
Ryan Boren
8603ed6082 Media: Hide "Edit" link in the selection view when it doesn't make sense
Props koopersmith, ocean90, nacin
fixes #22713


git-svn-id: http://core.svn.wordpress.org/trunk@23031 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 18:23:47 +00:00
Andrew Nacin
f116e787e5 Move HiDPI block to the bottom of media-views. @media does not provide additional specificity, so the non-retina stuff overrides if the retina rules come first. props lessbloat, fixes #22728.
git-svn-id: http://core.svn.wordpress.org/trunk@23026 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 16:32:06 +00:00
Andrew Nacin
d2a9957ad8 Media: Disable 'Insert gallery' and 'Set featured image' if nothing is queued. Converts selection toolbars to use the newer view manager. props koopersmith, fixes #22714.
git-svn-id: http://core.svn.wordpress.org/trunk@23024 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 16:21:57 +00:00
Andrew Nacin
6ad495b625 Copy wpspin_light to wp-includes as wpspin.gif. Use it in media views. see #22728.
git-svn-id: http://core.svn.wordpress.org/trunk@23023 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 16:18:53 +00:00
Ryan Boren
61a9471024 Final round of media UX improvements.
Props koopersmith
fixes #21390 #22502


git-svn-id: http://core.svn.wordpress.org/trunk@23006 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-04 01:26:03 +00:00
Ryan Boren
dcdf77365f No wrap for the attachment Delete Permanently link in the media modal.
Props SergeyBiryukov
fixes #22667


git-svn-id: http://core.svn.wordpress.org/trunk@22998 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-03 19:49:45 +00:00
Ryan Boren
c06ffe745f Show a spinner when attachment details are saved.
Props koopersmith
see #22613


git-svn-id: http://core.svn.wordpress.org/trunk@22991 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-03 06:37:49 +00:00
Ryan Boren
23ed804180 Add random and reverse sorting options to gallery settings.
Props koopersmith
fixes #22637


git-svn-id: http://core.svn.wordpress.org/trunk@22987 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-03 05:32:25 +00:00
Andrew Nacin
105cf57225 In Firefox, style placeholder text a dark gray since the browser doesn't do it for us. props helenyhou, fixes #22689.
git-svn-id: http://core.svn.wordpress.org/trunk@22986 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-03 05:17:23 +00:00
Andrew Nacin
db0ef72326 Media: Prevent the compat view from wrapping around the attachment details. Allow the filename to break-word. props koopersmith, SergeyBiryukov. fixes #22667.
git-svn-id: http://core.svn.wordpress.org/trunk@22983 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-03 04:15:32 +00:00
Andrew Nacin
5d0933d884 Bring Featured Images back into the main media dialog.
Most users don't realize that the Featured Image meta box exists; if they do, few use it.

Restores the old meta box UI, including the admin_post_thumbnail_html filter. If a plugin is using _wp_post_thumbnail_html() in conjunction with Thickbox elsewhere, it will also magically still work.

Specific underlying changes:
 * Converts the modal view to use the view manager, which means that a call to open() will automatically call render and attach if necessary.
 * Doesn't automatically set a state in wp.media, to allow code to customize the states to be added before activation.

props koopersmith.
fixes #21776.



git-svn-id: http://core.svn.wordpress.org/trunk@22979 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-03 02:38:10 +00:00
Ryan Boren
778bad055b Responsive and RTL css improvements or the media modal.
Props ocean90, koopersmith
see #22615


git-svn-id: http://core.svn.wordpress.org/trunk@22960 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-01 02:53:53 +00:00
Andrew Nacin
c7fd4349ee Media: Add -webkit-overflow-scrolling for a smoother mobile/iOS experience.
props koopersmith.
fixes #22657.



git-svn-id: http://core.svn.wordpress.org/trunk@22959 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-01 01:44:15 +00:00
Ryan Boren
22bc8cc437 Properly pass WordPress uploading errors to wp.Uploader.
Props koopersmith
fixes #22655


git-svn-id: http://core.svn.wordpress.org/trunk@22954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-30 15:40:09 +00:00
Ryan Boren
e656d19a30 Improve switching between browser and upload state.
Props koopersmith
fixes #22628


git-svn-id: http://core.svn.wordpress.org/trunk@22945 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-30 06:01:47 +00:00
Ryan Boren
5f7f9c5520 Revert accidental bits from r22919. see #22628
git-svn-id: http://core.svn.wordpress.org/trunk@22923 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-29 16:58:08 +00:00
Ryan Boren
ce2c38fda6 Icons for select, deselect, and window close in the media modal.
Props JerrySarcastic, helenyhou, ocean90, lessbloat
fixes #22610


git-svn-id: http://core.svn.wordpress.org/trunk@22920 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-29 14:36:12 +00:00
Ryan Boren
7188bff165 Icons for select, deselect, and window close in the media modal.
Props JerrySarcastic, helenyhou, ocean90, lessbloat
fixes #22610


git-svn-id: http://core.svn.wordpress.org/trunk@22919 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-29 13:33:57 +00:00
Andrew Nacin
6030689e50 Some IE7 CSS hacks for media to fix the gallery view. props lessbloat. fixes #22609.
git-svn-id: http://core.svn.wordpress.org/trunk@22894 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-28 17:17:43 +00:00
Daryl Koopersmith
13641926fb Responsive CSS for the media modal. props azaozz. see #22615, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22887 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-28 01:51:15 +00:00
Ryan Boren
ffe752aacc Scope media views CSS fallbacks.
Props koopersmith
fixes #22616


git-svn-id: http://core.svn.wordpress.org/trunk@22886 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-28 01:45:06 +00:00
Andrew Nacin
bb51c14983 Media: IE fixes for attachment selections. props lessbloat. see #22446.
git-svn-id: http://core.svn.wordpress.org/trunk@22876 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-27 19:14:36 +00:00
Andrew Nacin
45ce9d2a96 Media: Introduce wp.media.editor.open(editor_id) and leverage it in distraction-free writing (fullscreen). props azaozz, koopersmith. fixes #22541.
git-svn-id: http://core.svn.wordpress.org/trunk@22875 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-27 19:09:00 +00:00
Ryan Boren
374bf89c49 Fix overflow of long filenames in the media modal.
Props koopersmith, GregLone
fixes #22554


git-svn-id: http://core.svn.wordpress.org/trunk@22870 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-27 15:58:47 +00:00
Ryan Boren
939a47ba48 Add a delete link to the media modal.
Props merty, nacin, koopersmith
fixes #22524


git-svn-id: http://core.svn.wordpress.org/trunk@22869 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-27 15:50:59 +00:00
Ryan Boren
adae728f00 Fix dragging in IE10 on touch devices.
Props georgestephanis, koopersmith
fixes #22583


git-svn-id: http://core.svn.wordpress.org/trunk@22866 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-27 15:00:00 +00:00
Daryl Koopersmith
5f25155408 Media: Use a full uploader status view in the inline uploader. see #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22825 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-22 12:54:49 +00:00
Daryl Koopersmith
27e8de7e3a Media: Add uploader error detection to the inline uploader view as well. see #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-22 12:35:05 +00:00
Daryl Koopersmith
440ec7ef3d Media: Make friends with media_upload_form. Adds notices for browser incompatibility, upload limits, maximum file size, and large file issues to the uploader. fixes #22243, see #22186, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22821 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-22 11:46:03 +00:00
Daryl Koopersmith
688b8de348 Media: Display WordPress and plupload error messages whenever an upload fails. see #22243, #22186, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22818 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-22 10:56:10 +00:00
Daryl Koopersmith
1e472d8974 Media: Add global upload progress to the sidebar. see #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22816 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-22 09:32:21 +00:00
Daryl Koopersmith
e63ef3a443 Media: Move sidebar from the frame view to the attachment browser view. Prevents juggling sidebar visibility state, and makes managing sidebar contents more reasonable. see #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22809 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-22 06:30:25 +00:00
Daryl Koopersmith
6815f4bfef Media: Normalize font sizes, link colors, and other styles. props lessbloat, see #22284, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22782 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-21 18:37:52 +00:00
Daryl Koopersmith
5ee8582b7a Media: Add base form element CSS. props lessbloat. see #22284, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22780 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-21 18:00:18 +00:00