Commit Graph

288 Commits

Author SHA1 Message Date
Scott Taylor
052e5c5062 Remove white box-shadow divider from uploading status area for consistency.
Props paulwilde.
Fixes #28751.


git-svn-id: https://develop.svn.wordpress.org/trunk@29286 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-24 21:03:25 +00:00
Helen Hou-Sandi
5698a9dc7e Media Grid: Remove fields from showing in the grid itself.
All details are still available within the modal, and less-distinguishable non-image files still show the filename along with the file type icon.

Reverts [29079], [29078], [29077], and [28995]. see #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29280 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-24 05:25:28 +00:00
Dominik Schilling (ocean90)
5bba352ae0 Media CSS: Fix typo in box-shadow property for WebKit and update indentation to match the other ones.
git-svn-id: https://develop.svn.wordpress.org/trunk@29268 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-22 19:57:21 +00:00
Scott Taylor
80c4d6a96c Media Grid: general JS cleanup.
Props ericlewis.
See #28965.



git-svn-id: https://develop.svn.wordpress.org/trunk@29266 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-22 16:20:59 +00:00
Sergey Biryukov
d51539d8b3 Media Grid: Fix missing padding in RTL in Attachment Details modal.
see #28980.

git-svn-id: https://develop.svn.wordpress.org/trunk@29265 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-22 03:17:59 +00:00
Sergey Biryukov
708af1c467 Media Grid: Swap arrow direction in RTL in Attachment Details modal.
props adamsilverstein.
fixes #28980.

git-svn-id: https://develop.svn.wordpress.org/trunk@29264 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-22 03:07:21 +00:00
Andrew Ozz
72916a9751 TinyMCE: better "color preview" for the text color button, props avryl, fixes #28280.
git-svn-id: https://develop.svn.wordpress.org/trunk@29231 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-18 22:14:05 +00:00
Helen Hou-Sandi
a14ea26577 Keyboard accessibility for the media modal:
* Arrow keys navigate between items in the grid.
* Transfer focus into the panel when selecting a tab along the side.
* Transfer focus into the details sidebar when selecting an item and vice versa.
* Set initial focus on the close button so that it is visible.

props celloexpressions, lessbloat, ericlewis. fixes #25100, #25101, #28704. see #23560.


git-svn-id: https://develop.svn.wordpress.org/trunk@29220 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-18 07:56:25 +00:00
Helen Hou-Sandi
e391aa228a Media Grid:
Instead of a separate bulk selection mode, persistently show a checkbox for each item. Restores the more familiar bulk actions dropdown + action button.

props ericlewis. see #28842.



git-svn-id: https://develop.svn.wordpress.org/trunk@29212 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-17 20:41:40 +00:00
Helen Hou-Sandi
fdabfafa0f Media Grid Attachment Details modal UI improvements:
* Align better visually with the existing media modal and the post image edit modal.
* Add back a link to the full attachment edit screen (post.php).
* Add a title to the modal and move prev/next buttons next to the more-consistent close button.
* Remove mode tabs (metadata vs. image editing) in favor of the Edit Image button.

Still to come: responsive, IE8 testing and targeted CSS (calc() usage), general CSS cleanup.

props ericlewis, helen, melchoyce. see #28844. fixes #28915.


git-svn-id: https://develop.svn.wordpress.org/trunk@29204 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-17 03:54:44 +00:00
Andrew Ozz
09f5183276 Editor scrolling: better "scroll into view" in the visual editor. Don't override MCE path focus style. Props avryl, see #28328.
git-svn-id: https://develop.svn.wordpress.org/trunk@29186 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-16 04:05:13 +00:00
Dominik Schilling (ocean90)
1264558022 Media Grid improvements:
* Remove fixed elements.
* Adjusts toolbar and search, fixes #28833.
* Add link to Add New button, fixes #28825.
* Add "Edit Metadata" tab to all items, "Edit Image" only for images
* Make strings translatable.
* First pass for help tab.

see #28850.

git-svn-id: https://develop.svn.wordpress.org/trunk@29136 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-13 16:15:36 +00:00
Dominik Schilling (ocean90)
39fe2b445c Media Grid: Remove CSS transition from inline uploader.
props ericlewis.
fixes #28840.
see #28851.

git-svn-id: https://develop.svn.wordpress.org/trunk@29131 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-13 10:43:32 +00:00
Scott Taylor
0f50df6cbd Media Grid, in the Edit Attachment modal:
* Label the fields under the attachment a la the Edit Media page
* Move the audio and video previews above the info
* Remove the audio / video icon display. Unnecessary.
* Ensure that `width` and `max-width` are set for `.mejs-container`

See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29088 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-11 06:14:31 +00:00
Scott Taylor
ce01c5c760 Media Grid:
* Move the grid down via CSS transition when the Screen Options slide open.
* Remove some unused CSS for grid options.

See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29086 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-11 05:33:29 +00:00
Scott Taylor
aab0ba36fc Media Grid: fix z-index of attachment "check"
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29084 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-11 04:24:00 +00:00
Scott Taylor
ba7b26d37e Media Grid: make the Uploader closable.
Props ericlewis.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29082 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 23:05:05 +00:00
Scott Taylor
640422c206 Media Grid: while in Bulk Edit mode, any selected attachment should have the blue border, rather than just the last clicked one.
Props ericlewis.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29081 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 23:02:51 +00:00
Scott Taylor
3ebde0c4d6 Media Grid: Move toggling of visible fields to Screen Options. This moves us in a better direction... but this will probably need to be massaged again.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29077 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 20:59:12 +00:00
Helen Hou-Sandi
e4f0744b8e Editor scrolling:
* Make sure the background color for tools is only applied to the main editor.
* Fix toolbar width for smaller screens.
* Ensure toolbar doesn't end up in a weird place when scrolling down too fast.
* Avoid JS errors for post types that don't support the editor.

props avryl. see #28328.


git-svn-id: https://develop.svn.wordpress.org/trunk@29075 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 19:35:32 +00:00
Scott Taylor
e91f5a7601 Media Grid, add padding to "No Media Found" message.
Props michalzuber.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29067 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 17:30:35 +00:00
Scott Taylor
868d88800c Media Grid: make the edit attachment icon clickable.
Props ericlewis.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29065 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 15:55:21 +00:00
Helen Hou-Sandi
2e0c881d54 Media grid:
* Introduce the concept of bulk editing via a separate mode. Like the list view, only bulk deleting is available. The UI is a little funky, especially with the field display toggles there, but refinements will come.
* Up the max thumbnail size from 120px to 150px.
* Slide-down panel for the add new uploader. Known issue: it doesn't close again.
* Remove the toolbar region in the EditAttachment frame.
* Defer a function call so the grid fills available space.
* Give feedback when no results are found. Also needs styling.

props ericlewis. see #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@29056 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 03:49:28 +00:00
Helen Hou-Sandi
72730d86dd Better styling for the larger image preview in the attachment details modal. Portrait images still have problems in Firefox due to percentage height. props mikeyarce for the initial patch. see #28800, #24716.
git-svn-id: https://develop.svn.wordpress.org/trunk@29055 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 01:44:20 +00:00
Helen Hou-Sandi
6afe00e338 Use a more generic selector for image editor in media modal styling so that the Media Grid modal also gets it. see #24716.
git-svn-id: https://develop.svn.wordpress.org/trunk@29053 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-10 01:23:41 +00:00
Andrew Ozz
14d1e57e99 Enhance the editor on the Add/Edit Post screens, first run. Props avril, see #28328.
git-svn-id: https://develop.svn.wordpress.org/trunk@29049 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-09 22:05:06 +00:00
Andrew Ozz
aec52638b1 Pre-commit autoprefixer fixes for media-views.css
git-svn-id: https://develop.svn.wordpress.org/trunk@29023 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-08 04:29:47 +00:00
Helen Hou-Sandi
e42b41d8f5 Remove some unnecessary empty space in the media library grid view. props adamsilverstein. see #24716.
git-svn-id: https://develop.svn.wordpress.org/trunk@29017 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-07 20:29:32 +00:00
Sergey Biryukov
359fe16c9c Fix alignment of Advanced Options close toggle arrow in Edit Media dialog.
props paulwilde.
fixes #28752.

git-svn-id: https://develop.svn.wordpress.org/trunk@29001 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-04 23:37:48 +00:00
Sergey Biryukov
c10391dcbe Fix a regression of positioning in Attachment Display Settings.
props paulwilde.
see #24716.

git-svn-id: https://develop.svn.wordpress.org/trunk@29000 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-04 23:28:40 +00:00
wonderboymusic
9ba94b5c58 Media Grid: for audio and video files with covers, show that instead of the icon. The filename is still present with the extension to identify the type.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@28996 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-04 04:59:01 +00:00
Scott Taylor
ee29246036 Make media grid text fields (data) toggle-able. Checking/unchecking is saved in user settings cookie.
See #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@28995 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-04 04:47:40 +00:00
Helen Hou-Sandi
e14d866665 Media grid, round 2. Expect much more to come.
* Instead of a sidebar for details, utilize a modal. The modal experience allows for a larger preview, editing images, audio/video previews, and previous/next navigation, like the theme browser. Think of it as an attachment browser.
* Show some details in the grid view to more easily distinguish items.

props ericlewis, wonderboymusic, JerrySarcastic. see #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@28993 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-04 03:38:33 +00:00
Helen Hou-Sandi
71704c1156 Remove a toolbar CSS hack for a Chrome bug that no longer appears to exist. props avryl. fixes #28606. see #18868.
git-svn-id: https://develop.svn.wordpress.org/trunk@28981 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-03 20:19:08 +00:00
Sergey Biryukov
107001213b Fix feature pointer positioning issues for both LTR and RTL.
fixes #28062.

git-svn-id: https://develop.svn.wordpress.org/trunk@28897 602fd350-edb4-49c9-b593-d223f7449a82
2014-06-29 16:05:53 +00:00
Scott Taylor
7debe46f3e Fix the spacing between the wp-pointer arrow and bubble in LTR and RTL.
Fixes #28062.



git-svn-id: https://develop.svn.wordpress.org/trunk@28877 602fd350-edb4-49c9-b593-d223f7449a82
2014-06-28 02:25:40 +00:00
Andrew Ozz
1b07af046f Fix the layout of the Image Details modal, props gcorne, see #24716 [28682]
git-svn-id: https://develop.svn.wordpress.org/trunk@28732 602fd350-edb4-49c9-b593-d223f7449a82
2014-06-11 00:22:53 +00:00
Helen Hou-Sandi
3d9fc450b2 Grid view for the media library, first pass. This is alpha; expect imperfection. We will be iterating further.
props ericlewis, shaunandrews, wonderboymusic.
see #24716.


git-svn-id: https://develop.svn.wordpress.org/trunk@28682 602fd350-edb4-49c9-b593-d223f7449a82
2014-06-05 22:00:24 +00:00
Helen Hou-Sandi
220a45a32d Don't use the box shadow focus styling for the admin menu or toolbar. see #28267.
git-svn-id: https://develop.svn.wordpress.org/trunk@28616 602fd350-edb4-49c9-b593-d223f7449a82
2014-05-29 14:22:39 +00:00
Helen Hou-Sandi
b27a8697d6 At long last, improved keyboard accessibility for the media modal.
props lessbloat, grahamarmfield, sharonaustin, bramd.
see #23560.


git-svn-id: https://develop.svn.wordpress.org/trunk@28607 602fd350-edb4-49c9-b593-d223f7449a82
2014-05-29 03:38:31 +00:00
Sergey Biryukov
2d420d52bb Display Dashboard icon instead of the home icon in toolbar when the link leads to Dashboard.
props ghost1227.
fixes #26754.

git-svn-id: https://develop.svn.wordpress.org/trunk@28599 602fd350-edb4-49c9-b593-d223f7449a82
2014-05-28 13:41:23 +00:00
Scott Taylor
792fe23675 When adding a URL in the Insert from URL state in the media modal, attempt to show a preview of the content. Drop the unused width and height fields.
This will probably be iterated upon.

Props helen, jtsternberg, wonderboymusic.
See #15490.


git-svn-id: https://develop.svn.wordpress.org/trunk@28581 602fd350-edb4-49c9-b593-d223f7449a82
2014-05-26 23:56:27 +00:00
Scott Taylor
e1b341cc59 In the Attachment Details section of the media modal, only add box-shadow to images. Other mime-type icons look strange with an arbitrary border.
Props avryl.
Fixes #27949.



git-svn-id: https://develop.svn.wordpress.org/trunk@28369 602fd350-edb4-49c9-b593-d223f7449a82
2014-05-11 06:18:02 +00:00
Sergey Biryukov
2558cf0139 Fix arrow positioning in "Insert/edit link" modal.
props avryl, sergej.mueller.
fixes #28096.

git-svn-id: https://develop.svn.wordpress.org/trunk@28236 602fd350-edb4-49c9-b593-d223f7449a82
2014-05-01 21:20:16 +00:00
Andrew Nacin
adf4aa7393 Editor: Shrink the font size for the chosen format so it fits in more locales.
props SergeyBiryukov.
see #27903, for trunk.


git-svn-id: https://develop.svn.wordpress.org/trunk@28180 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-22 13:23:29 +00:00
Scott Taylor
29a1d6fe13 Don't show textareas that have "hidden" as a class in the media modal.
See #27915.



git-svn-id: https://develop.svn.wordpress.org/trunk@28169 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-19 18:33:42 +00:00
Andrew Ozz
cd356b6404 DFW:
- Add background color and remove the top border from the status bar (at the bottom).
- Fix spinner to always be next to the Save button.
- Remove width: auto; from .mce-fixed-width.
Fixes #27709

git-svn-id: https://develop.svn.wordpress.org/trunk@28116 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-14 08:14:01 +00:00
Andrew Nacin
c43b8b063d Fix feature pointer RTL placement.
props SergeyBiryukov, ocean90.
fixes #27778.


git-svn-id: https://develop.svn.wordpress.org/trunk@28107 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-13 23:59:01 +00:00
Andrew Nacin
8e6a1f479b Customizer: Fix header image cropping when working with huge images. Affected Firefox in particular.
props ehg.
fixes #27790.


git-svn-id: https://develop.svn.wordpress.org/trunk@28101 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-13 18:19:55 +00:00
Andrew Ozz
07885ba6c9 Add hooks to the wpeditimage tinymce plugin and to the image details portion of the media modal.
- Add wp.media.events which is intended to be a global media event bus.
- Add a post-render event to the ImageDetails view that third-party code can leverage to add subviews.
- Performance improvement for the initialization of the PostImage model.
- A bit more markup to the image details template to make it easier to add a view to the advanced options.
Props gcorne, fixes #27698

git-svn-id: https://develop.svn.wordpress.org/trunk@28095 602fd350-edb4-49c9-b593-d223f7449a82
2014-04-13 04:01:53 +00:00