Commit Graph

264 Commits

Author SHA1 Message Date
Helen Hou-Sandi
10d40a7801 Filter bar: Better field display on smaller screens.
props TacoVerdo, jesin.
fixes #29556 and #29495.


git-svn-id: https://develop.svn.wordpress.org/trunk@30740 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-04 22:22:26 +00:00
Dominik Schilling (ocean90)
c0b15e6b6d Toolbar: Make Customize support classes work on narrow viewports too.
fixes #30571.

git-svn-id: https://develop.svn.wordpress.org/trunk@30713 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-02 22:00:48 +00:00
John Blackbourn
f6a51e7ff3 Don't fix the position of the admin toolbar submenus when the viewport is below 600px. This avoids them becoming detached from the admin toolbar when scrolling.
Fixes #29905
Props avryl


git-svn-id: https://develop.svn.wordpress.org/trunk@30706 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-02 06:48:24 +00:00
Andrew Ozz
8206bceff6 Editor: move the DFW v2 transitions CSS from editor.css to wp-admin.css. They are needed only on the Edit Post screen.
See #30453.

git-svn-id: https://develop.svn.wordpress.org/trunk@30594 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-28 02:35:09 +00:00
Andrew Ozz
d4946a7904 Editor:
- Add CSS reset for the TinyMCE fullscreen mode when used on the Edit Post screen.
- Fix loading of the old and new DFW buttons, use another arg. passed to WP_Editors.
- Reset editor-expand when exiting TinyMCE fullscreen mode.
Fixes #30453.

git-svn-id: https://develop.svn.wordpress.org/trunk@30573 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-26 02:49:41 +00:00
Dominik Schilling (ocean90)
c6222d9d78 Editor CSS: Add missing semicolons.
props cfoellmann.
fixes #30487.

git-svn-id: https://develop.svn.wordpress.org/trunk@30550 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-24 21:53:49 +00:00
Andrew Ozz
1e9ffd6988 TinyMCE: set the image toolbar's z-index to be the same as the other TinyMCE panels, or it is under the editor when in fullscreen mode. See #30147.
git-svn-id: https://develop.svn.wordpress.org/trunk@30509 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-22 02:42:30 +00:00
Dominik Schilling (ocean90)
bf014b7e30 grunt autoprefixer for [30374].
see #29326.

git-svn-id: https://develop.svn.wordpress.org/trunk@30460 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-20 15:30:49 +00:00
John Blackbourn
8e3b2a3b00 Slide the admin menu out to the right when DFW mode kicks in and RTL is in use.
Fixes #30356
Props yoavf


git-svn-id: https://develop.svn.wordpress.org/trunk@30395 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-19 22:45:43 +00:00
John Blackbourn
92ae13f0ee Improve keyboard control of Edit Selection mode in the media manager.
See #29326
Props adamsilverstein


git-svn-id: https://develop.svn.wordpress.org/trunk@30374 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-18 03:33:11 +00:00
Andrew Ozz
5a0e9db611 TinyMCE: fix the border on the image toolbar arrow. Props afercia, see #30147.
git-svn-id: https://develop.svn.wordpress.org/trunk@30363 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-17 00:18:49 +00:00
John Blackbourn
6efcf3e759 Correctly wrap the text in long input labels in the media manager.
Fixes #23003
Props ramiabraham


git-svn-id: https://develop.svn.wordpress.org/trunk@30359 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-16 19:00:04 +00:00
Dominik Schilling (ocean90)
1b1f18baf4 Sync our jQuery UI styles with jQuery UI 1.11.2 CSS.
Removes also our own implementations for touch-action compatibility for IE Touch.

props georgestephanis, ocean90.
fixes #26843.

git-svn-id: https://develop.svn.wordpress.org/trunk@30343 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-14 19:27:38 +00:00
Andrew Ozz
112061668f TinyMCE: set the image toolbar's z-index higher than the editor when the new DFW is active. See #30147.
git-svn-id: https://develop.svn.wordpress.org/trunk@30339 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-13 23:28:28 +00:00
Mark Jaquith
78f0186866 Introduce Distraction-Free Writing v2, a re-think of DFW that uses the main editor instance
* the "DFW" button is now an auto/off toggle
* defaulting to auto during beta, decide later for release
* "auto" means that DFW gets enabled as you start typing in editor
* tabbing and mousing out will bring the full interface back
* there is a slight grace period during which your mouse can quickly return

Feature plugin work happened here: https://github.com/avryl/focus

props avryl, azaozz, Michael Arestad
fixes #29806

git-svn-id: https://develop.svn.wordpress.org/trunk@30338 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-13 22:30:55 +00:00
Andrew Ozz
307639954a TinyMCE: enhance the inline toolbar for images:
- Add alignment (left, center, right, none) buttons.
- Position the menu above the image when possible, except on iOS.
- Fix selecting images on iOS.
First run, part props avryl. See #30147.

git-svn-id: https://develop.svn.wordpress.org/trunk@30318 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-13 00:55:22 +00:00
Helen Hou-Sandi
7514ac3218 Use a brighter blue against dark backgrounds in the admin menu and toolbar.
Not only does this pass contrast guidelines, but it also visually appears closer to the original highlight blue used against light backgrounds.

props melchoyce. fixes #30323.


git-svn-id: https://develop.svn.wordpress.org/trunk@30313 602fd350-edb4-49c9-b593-d223f7449a82
2014-11-12 20:27:04 +00:00
Aaron Jorbin
7ca2e674cd Autoprefix box sizing
Results are from running grunt autoprefix.  Needed for FF before 29 and Safari before 5.1.

fixes #27553



git-svn-id: https://develop.svn.wordpress.org/trunk@30070 602fd350-edb4-49c9-b593-d223f7449a82
2014-10-28 20:47:30 +00:00
Andrew Ozz
1880bf988c Editor: use <button> instead of <a> for the Visual/Text buttons, make them focusable. Props afercia, fixes #27553
git-svn-id: https://develop.svn.wordpress.org/trunk@30002 602fd350-edb4-49c9-b593-d223f7449a82
2014-10-24 01:20:42 +00:00
Andrew Ozz
4d68c7c91a Media modal: fix reordering of the thumbnails while creating or editing a gallery, props avryl, fixes #29606 for trunk.
git-svn-id: https://develop.svn.wordpress.org/trunk@29876 602fd350-edb4-49c9-b593-d223f7449a82
2014-10-11 23:23:44 +00:00
Sergey Biryukov
5f0598234b Use Tahoma for RTL in general and Arial for Hebrew in editor styles.
fixes #29553.

git-svn-id: https://develop.svn.wordpress.org/trunk@29773 602fd350-edb4-49c9-b593-d223f7449a82
2014-09-27 11:10:01 +00:00
Dominik Schilling (ocean90)
c339c62e38 Media Frames: Set the box-sizing CSS property to border-box for checkboxes and radio buttons.
props mlteal.
see #29493.

git-svn-id: https://develop.svn.wordpress.org/trunk@29727 602fd350-edb4-49c9-b593-d223f7449a82
2014-09-10 18:08:13 +00:00
Helen Hou-Sandi
53f56ffb0f Media: Better padding for attachment items.
props avryl.
fixes #29085.


git-svn-id: https://develop.svn.wordpress.org/trunk@29687 602fd350-edb4-49c9-b593-d223f7449a82
2014-09-03 06:27:34 +00:00
Andrew Nacin
f1a6cd13b5 Media: Avoid repeated thumbnail resizing.
props avryl, wonderboymusic, azaozz.
fixes #27423.


git-svn-id: https://develop.svn.wordpress.org/trunk@29686 602fd350-edb4-49c9-b593-d223f7449a82
2014-09-03 06:09:33 +00:00
Helen Hou-Sandi
07ba5160c3 Media modals: Better responsive views, especially the header.
* Only show the "dropdown" when there is a menu. Note that this uses a `:not()` selector, but it is supported in browsers that support media queries so it is safe to use here.
* Make the header shorter when on particularly narrow screens, which also tend to be shorter.
* Don't restrict the height of images in the attachment details modal, to take advantage of all available space.

fixes #29339.


git-svn-id: https://develop.svn.wordpress.org/trunk@29632 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-26 21:49:39 +00:00
Dominik Schilling (ocean90)
6e8defd150 RTL: Fix modal alignments.
* Prevent horizontal scrollbars in Chrome.
* URL fields should be always LTR.
* Force the plugin details to be LTR for all screens, see #19778.

fixes #29352.

git-svn-id: https://develop.svn.wordpress.org/trunk@29623 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-26 12:54:23 +00:00
Helen Hou-Sandi
3c03251197 Image Details modal: Restore narrow responsive layout.
props celloexpressions.
fixes #29337.


git-svn-id: https://develop.svn.wordpress.org/trunk@29617 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-26 05:19:45 +00:00
Helen Hou-Sandi
16e9426675 Focus styling: bring the blue glow to more places.
Handles color picker, theme browser, help/screen options, TinyMCE dialog buttons, jQuery UI dialog buttons, and buttons in color schemes.

props avryl, celloexpressions. fixes #28267.


git-svn-id: https://develop.svn.wordpress.org/trunk@29616 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-26 05:16:14 +00:00
Scott Taylor
927fb11de7 Media Modal:
* the Image Details frame does not have a menu, indicate that by setting `menu: false` when adding states.
* mimic the default router rendering by toggling a `hide-menu` class on the frame when the region for menu is `null`
* remove the dead render code for the Image Details frame

See #29339.


git-svn-id: https://develop.svn.wordpress.org/trunk@29613 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-26 04:21:06 +00:00
Helen Hou-Sandi
eb08fac4f7 Media:
* Make attachment focus styles more obvious, particularly for already selected items.
* Fix styling for the selection set attachments.
* Remove some CSS cruft.

fixes #28822.


git-svn-id: https://develop.svn.wordpress.org/trunk@29607 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-25 21:25:13 +00:00
Helen Hou-Sandi
87bf7ef30c Media Grid: Move CSS into an admin-only file.
`media-views.css` can be loaded on the front, which does not need this extra CSS.

fixes #29340.


git-svn-id: https://develop.svn.wordpress.org/trunk@29598 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-25 16:50:36 +00:00
Andrew Ozz
46457ead23 Editor scrolling:
- Pin the TinyMCE statusbar (elements path) to the bottom.
- Add support for pinning the menu when present.
- Add borders from CSS.
- Optimize getting most elements outerHeight.
Part props avryl, fixes #29293, see #28328.

git-svn-id: https://develop.svn.wordpress.org/trunk@29579 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-24 05:10:52 +00:00
Scott Taylor
f46ef728b5 Media Grid: don't hide the uploader progress bar for individual items.
See [29527], #29037.


git-svn-id: https://develop.svn.wordpress.org/trunk@29567 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-21 04:37:01 +00:00
Scott Taylor
baf230c80f Media Grid/Modal Keyboard navigation improvements:
* Add focus to arrows on Next/Previous in the grid's modal on left/right keypress, and add the necessary CSS for `:focus`
* When in a disabled input in the grid modal, allow the left/right keys to work
* Make the image editor return a `$.Deferred` so that there isn't a race condition with UI loading. 
* Assign focus when the edit image mode is rendered so that the modal can be closed on Esc press

Props wonderboymusic, adamsilverstein (for the initial patch).
See #23560.


git-svn-id: https://develop.svn.wordpress.org/trunk@29560 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-21 02:34:23 +00:00
Dominik Schilling (ocean90)
523fbc1b21 Media Grid: Don't hide error messages behind the toolbar.
fixes #29141.

git-svn-id: https://develop.svn.wordpress.org/trunk@29548 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-20 16:47:28 +00:00
Helen Hou-Sandi
9eaf6cda94 Align and unify (most) modal and customizer icons. fixes #29147.
git-svn-id: https://develop.svn.wordpress.org/trunk@29542 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-19 20:37:46 +00:00
Andrew Ozz
1e61bbb8f1 DFW: revert applying the Visual editor body color and background-color for now. Set the color to #333 and the background to transparent. Fixes #28330.
git-svn-id: https://develop.svn.wordpress.org/trunk@29533 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-18 18:22:54 +00:00
Dominik Schilling (ocean90)
7cbb35a84e Media Modal: Restore to the previous filter and search error message.
fixes #28963.

git-svn-id: https://develop.svn.wordpress.org/trunk@29532 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-18 16:27:33 +00:00
Scott Taylor
87fe6870e0 Media Grid: Don't show attachment details in the "sidebar" for errors.
Props ocean90.
Fixes #29037.


git-svn-id: https://develop.svn.wordpress.org/trunk@29527 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-18 02:25:43 +00:00
Scott Taylor
eaf912ec54 Media Grid: improve the design of upload errors.
Props celloexpressions.
See #29141.


git-svn-id: https://develop.svn.wordpress.org/trunk@29526 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-18 02:21:57 +00:00
Dominik Schilling (ocean90)
712b9d0897 Dashicons: Update to the latest dashicons files.
New icons:
* .dashicons-calendar-alt (f508)
* .dashicons-carrot (f511)
* .dashicons-grid-view (f509)
* .dashicons-index-card (f510)

props liljimmi, melchoyce, empireoflight.
see #27844.

git-svn-id: https://develop.svn.wordpress.org/trunk@29520 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-17 15:00:40 +00:00
Dominik Schilling (ocean90)
a1aa297d82 Media Grid: Improve position of fixed toolbar at small-screen sizes.
see #28842.

git-svn-id: https://develop.svn.wordpress.org/trunk@29517 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-17 14:02:16 +00:00
Helen Hou-Sandi
8c900d184d Restore some rules for media sidebar settings. HTML5 input type selection is intense. fixes #29218.
git-svn-id: https://develop.svn.wordpress.org/trunk@29504 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-15 16:01:29 +00:00
Dominik Schilling (ocean90)
9a331801d5 Media: Apply attachment opacity only in grid mode.
see #28842.

git-svn-id: https://develop.svn.wordpress.org/trunk@29500 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-15 10:02:59 +00:00
Dominik Schilling (ocean90)
2bac022b4c Autoprefixer for [29496].
see #28844.

git-svn-id: https://develop.svn.wordpress.org/trunk@29499 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-15 09:41:00 +00:00
Helen Hou-Sandi
ce45b90525 Small screen responsive for attachment details modal. see #28844.
git-svn-id: https://develop.svn.wordpress.org/trunk@29496 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-15 04:09:58 +00:00
Scott Taylor
8661fcf0d9 Media Grid, support MEDIA_TRASH:
* Add a setting to `_wpMediaViewsL10n.settings`: `mediaTrash`
* In the attachment edit modal, properly toggle between Trash/Untrash
* In `media.view.Attachment`, add a method for `untrashAttachment`
* When creating the grid toolbar, switch the setting order of subviews so that `media.view.DeleteSelectedButton` can listen to the instance of `media.view.AttachmentFilters.All` to update the text in its UI.
* Add a new filter to `media.view.AttachmentFilters.All`, `trash`, when `settings.mediaTrash` is true
* Allow the cached queries in `Query.get()` to be flushed when race conditions exist and collections need to be refreshed. This is currently only being used when `MEDIA_TRASH` is set, to refresh the filtered/mirrored collections related to `all`, `trash`, and any already queried filter.
* Cleanup the bootstrapping of `media.view.MediaFrame.Manage`
* Allow `wp_ajax_query_attachments()` to return items from the trash when `MEDIA_TRASH` is `true`
* Allow `wp_ajax_save_attachment()` to set `post_status` when `MEDIA_TRASH` is `true`. It allows `wp_delete_post()` to be called, which will trash the attachment instead of deleting when the flag is set.

Props koop for the knowledge sharing and thought partnership.
See #29145.


git-svn-id: https://develop.svn.wordpress.org/trunk@29490 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-14 18:30:49 +00:00
Helen Hou-Sandi
1ab750d0d2 Media grid bulk selection styling:
* Fade content within each attachment item so that focus styling is still clear.
* Less jarring toolbar pinning.
* Tighten up the fade in/out transition.

see #28842.


git-svn-id: https://develop.svn.wordpress.org/trunk@29489 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-14 07:17:27 +00:00
Scott Taylor
3ed9e02d0b Media Grid: add Bulk Selection mode for deleting attachments.
* Toolbar is sticky when `select` mode is active
* Selection is toggled when clicking an attachment preview
* Unselected attachments fade out, selected fade in.

See #28842.


git-svn-id: https://develop.svn.wordpress.org/trunk@29484 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-13 22:44:48 +00:00
Helen Hou-Sandi
8bdbb3de87 Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267.
git-svn-id: https://develop.svn.wordpress.org/trunk@29466 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-11 18:20:18 +00:00