Commit Graph

190 Commits

Author SHA1 Message Date
Andrew Ozz
56ede0bad7 Edit Image modal:
- Move all advanced options under a single “Show advanced options” toggle that mirrors the behavior and look-and-feel of the wplink modal.
- Switch to using <select> for the Size and Link To.
- Bring back the field for CSS Class for the image, but don’t incorporate the internally managed WordPress classes (size-, wp-image-, etc…).
- On larger screen sizes, float labels to the left. When the width drops below 900px, stack the label above the fields.
- Keep image at top on screen sizes where the two columns are stacked into a single column.
- Don't replace the nodes in the editor DOM so we don't stomp on any custom attributes that the user may have added via the Text editor or some other mechanism.
Props gcorne, see #27366
Built from https://develop.svn.wordpress.org/trunk@27898


git-svn-id: http://core.svn.wordpress.org/trunk@27729 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-02 01:54:15 +00:00
Andrew Nacin
3c1cdaa362 Restyle the image editor so it looks way less hideous.
props avryl.
see #27544.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27676 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 08:51:14 +00:00
Andrew Nacin
e1e7e7dacc Fix drag-and-drop upload in distraction-free writing.
props kovshenin.
fixes #27438.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27674 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 07:54:15 +00:00
Andrew Ozz
60435c4143 Edit Image modal:
- Bring back some of the advanced settings.
- Make the layout two-column for wider screens, remove the sidebar, and shrink the modal a bit.
- The image reflects the size as inserted in the post as long as it doesn't overflow the column and is not too tall. Changing the size to another intermediate will also update the image "preview."
- Rename "Edit Image" to "Edit Original" to try and better communicate that editing the image will modify the media library item not just the image inserted into the post that is being edited.
(updates two PNGs from precommit)
Props gcorne, see #27366
Built from https://develop.svn.wordpress.org/trunk@27797


git-svn-id: http://core.svn.wordpress.org/trunk@27632 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 22:41:14 +00:00
Andrew Nacin
6c70420b42 Editor: Fix line height on 'Drop files to upload'.
props Nao.
fixes #27541.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27610 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 04:08:14 +00:00
Andrew Ozz
960b8f86ef Move the styling of drag/drop on the editor uploading to media-views.css, see #27465
Built from https://develop.svn.wordpress.org/trunk@27656


git-svn-id: http://core.svn.wordpress.org/trunk@27499 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-23 01:42:15 +00:00
Andrew Nacin
a589d9d757 Add header image uploads with cropping to the customizer.
props mcsf, ehg, gcorne.
see #21785.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 04:13:16 +00:00
Scott Taylor
634fac6e2c Update the UI styles for Playlist Settings.
Props melchoyce for the design.
See #26631.


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


git-svn-id: http://core.svn.wordpress.org/trunk@27331 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-09 23:19:15 +00:00
Scott Taylor
818bf7c6af When MEDIA_TRASH is true, show the proper context in the attachment-details sidebar. Without this fix, it always showed "Delete Permanently."
Props toszcze.
Fixes #26783.


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


git-svn-id: http://core.svn.wordpress.org/trunk@27300 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-07 16:42:14 +00:00
Scott Taylor
d3d1014d33 Remove the box-shadow from the separator in the right sidebar of the media modal.
Props avryl.
Fixes #27217. 


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


git-svn-id: http://core.svn.wordpress.org/trunk@27294 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-07 02:46:14 +00:00
Helen Hou-Sandí
4bb7e03548 At long last, a first pass at bringing the image editor into the media modal. props gcorne, DH-Shredder, tomauger. see #21811.
Built from https://develop.svn.wordpress.org/trunk@27445


git-svn-id: http://core.svn.wordpress.org/trunk@27292 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-06 22:55:14 +00:00
Scott Taylor
ba27ced46b Add a loading indicator to the Media Library.
Props kadamwhite, gcorne, kovshenin.
Fixes #24859.


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


git-svn-id: http://core.svn.wordpress.org/trunk@27285 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-06 17:46:15 +00:00
Scott Taylor
ff8844deae Add TinyMCE placeholders for audio and video shortcodes.
* Add `wp.media.mixin`.
* Add `wp.media.audio` and `wp.media.video`.
* Add `wp.media.model.PostAudio` and `wp.media.model.PostVideo`
* Add `wp.media.controller.AudioDetails` and `wp.media.controller.VideoDetails`.
* Add `wp.media.controller.ReplaceAudio` and `wp.media.controller.ReplaceVideo`.
* Add `wp.media.view.MediaFrame.AudioDetails` and `wp.media.view.MediaFrame.VideoDetails`.
* Add `wp.media.view.AudioDetails` and `wp.media.view.VideoDetails`.
* Update the `wpgallery` TinyMCE plugin.
* Display audio and video players in the media modal when shortcode is clicked.
* Provide a UI to edit shortcode attributes in the media modal.
* Provide a UI to replace the `src` media file in an `audio` or `video` shortcode.

See #27016.


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


git-svn-id: http://core.svn.wordpress.org/trunk@27258 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-05 15:06:14 +00:00
Andrew Nacin
c4545fbbf4 Remove unnecessary quotes from urls in CSS.
props TobiasBg.
fixes #22476.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27145 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-26 17:23:13 +00:00
Scott Taylor
943f295d2e Add core support for Playlists and Video Playlists.
* Playlists operate like galleries in the admin. 
* Provide default UI and JS support in themes using MediaElement and Backbone. 
* The shortcodes are clickable, editable, and configurable using the media modal. 
* Playlists support images for each item, whether or not the current theme supports images for `attachment:audio` and `attachment:video`
* Playlists respond to `$content_width` and resize videos accordingly.
* All playlist data is included inline, using a script tag with `type="application/json"`, allowing anyone to unenqueue the WP playlist JS and roll their own.
* Playlist styles are minimal and work out of the box in the last 5 default themes. They inherit and adapt to the current theme's font styles, and their rules are easily overrideable.

See #26631.


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


git-svn-id: http://core.svn.wordpress.org/trunk@27096 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-24 18:08:16 +00:00
Dominik Schilling
c9a27f3927 Build: Update version of grunt-autoprefixer devDependency.
The update includes a new version of Autoprefixer which now supports the `ms-touch-action` prop for IE10.
Run `grunt autoprefixer:core` to re-add the missing props in media-view.css.
Built from https://develop.svn.wordpress.org/trunk@27236


git-svn-id: http://core.svn.wordpress.org/trunk@27093 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-23 10:30:19 +00:00
Andrew Nacin
11c3695c77 Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes.
We'll be using it for two distinct tasks:
 * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build.
 * Color CSS files will receive prefixes when they are built.

This commit:
 * Adds prefixes we were missing to core CSS.
 * Removes prefixes that we no longer need from core CSS.
 * Removes all prefixes from colors CSS.

props ocean90.
fixes #27078.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 08:30:17 +00:00
Helen Hou-Sandí
0100dd772a Merge colors.css into wp-admin.css. Non-default color schemes became overloads rather than swaps in the 3.8 redesign. Benefits include:
* No more border-width, border-style, border-color insanity.
* Point releases are much less likely to require extra finagling to avoid rebuilding the color schemes.
* Yours truly has a better overall vision of ~14,000 lines of admin CSS and where we go from here.

1,065 net lines of red, y'all.
props helen, jorbin. fixes #18380.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26973 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-06 06:25:18 +00:00
Andrew Ozz
33eedc570b Introduce Edit Image (single mode) in the media modal and use it to edit images inserted in the editor. Adds new feature: replace an image in the editor. Props gcorne, see #24409.
Built from https://develop.svn.wordpress.org/trunk@27050


git-svn-id: http://core.svn.wordpress.org/trunk@26924 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-28 21:17:12 +00:00
Helen Hou-Sandí
f1dc3d77c8 Move media modal colors out of colors.css and into media-views.css, as the modal can be triggered on the front end. props avryl, props collinsinternet for the initial patch. see #26677 for trunk.
Built from https://develop.svn.wordpress.org/trunk@26929


git-svn-id: http://core.svn.wordpress.org/trunk@26810 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-09 16:36:12 +00:00
Andrew Nacin
1154c059ef RTL font-family overrides. (Tahoma generally, and Arial for Hebrew.)
props yoavf.
fixes #24977.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26703 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-09 01:31:11 +00:00
Dominik Schilling
d0a9d193b6 RTL: Don't flip thumbnail positions in Insert Media window.
Restores pre-3.8 behavior.

props siobhyb for the initial patch.
fixes #26461.
Built from https://develop.svn.wordpress.org/trunk@26748


git-svn-id: http://core.svn.wordpress.org/trunk@26636 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 21:45:10 +00:00
Matt Thomas
1f5503f92e Keep draggable panels from interfering with swipe scrolling on touch devices running Internet Explorer 10/11. Fixes #26297, props georgestephanis.
Built from https://develop.svn.wordpress.org/trunk@26715


git-svn-id: http://core.svn.wordpress.org/trunk@26604 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-06 04:44:10 +00:00
Andrew Nacin
b04d321fb9 Allow wp_enqueue_media() to "just work" in a customizer control.
props westonruter.
fixes #25618.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26479 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-03 20:54:11 +00:00
Helen Hou-Sandí
73a4600d23 Increase the contrast of sidebar text in the media modal. props neil_pie. fixes #26288.
Built from https://develop.svn.wordpress.org/trunk@26455


git-svn-id: http://core.svn.wordpress.org/trunk@26353 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-28 04:14:09 +00:00
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
Andrew Nacin
1e30be32c4 Use CSSJanus via a Grunt task to generate right-to-left CSS.
RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file.

Benefits:
 * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser.
 * For the core developer: Let the tools do the work.

Notes for core development:
 * The file generation task is `grunt rtl`.
 * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved.
 * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display.

Expect RTL bugs. Please report them.

props yoavf.
see #24977.

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


git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 21:19:15 +00:00
Dominik Schilling
8c9b10ae18 RTL: Use direction: ltr for the URL inputs in the media frame. props DrewAPicture. fixed #24326.
git-svn-id: http://core.svn.wordpress.org/trunk@24533 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-07-01 10:15:07 +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
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
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
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
Ryan Boren
c7c590ce3c RTL fixes for media and color picker.
Props ocean90
see #22453


git-svn-id: http://core.svn.wordpress.org/trunk@22947 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-30 13:34:16 +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
Andrew Nacin
e11afb7c07 RTL media-views fixes. props ocean90. fixes #22453.
git-svn-id: http://core.svn.wordpress.org/trunk@22720 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-20 18:22:19 +00:00
Daryl Koopersmith
1d65270bdb Media: Add an explicit border to menus to show a divider in older browsers. see #22446, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22610 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-16 09:47:00 +00:00
Daryl Koopersmith
2e6aa4dacf Media: RTL styles for the media modal. props ocean90. see #22453, #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@22604 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-11-15 23:58:33 +00:00