Commit Graph

112 Commits

Author SHA1 Message Date
John Blackbourn 88cd5c58d2 TinyMCE: remove reposition delay on showing the image toolbar. Not needed when no animation.
Merges [30829] to the 4.1 branch.

Fixes #30670.

Built from https://develop.svn.wordpress.org/branches/4.1@30906


git-svn-id: http://core.svn.wordpress.org/branches/4.1@30896 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-16 15:11:22 +00:00
John Blackbourn 20321d7cd9 Call it 'Distraction-free writing mode' and update the help string.
Merges [30890] to the 4.1 branch.

Fixes #30657.

Built from https://develop.svn.wordpress.org/branches/4.1@30892


git-svn-id: http://core.svn.wordpress.org/branches/4.1@30882 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-16 12:15:24 +00:00
Andrew Nacin 98211e7dcd TinyMCE, image toolbar: remove the animation and make the box-shadow lighter.
Merges [30812] to the 4.1 branch.

props melchoyce.
fixes #30664.

Built from https://develop.svn.wordpress.org/branches/4.1@30815


git-svn-id: http://core.svn.wordpress.org/branches/4.1@30805 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-11 09:32:23 +00:00
Andrew Ozz 9a4a968172 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.
Built from https://develop.svn.wordpress.org/trunk@30594


git-svn-id: http://core.svn.wordpress.org/trunk@30584 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-28 02:36:23 +00:00
Andrew Ozz af1e417d4e 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.
Built from https://develop.svn.wordpress.org/trunk@30573


git-svn-id: http://core.svn.wordpress.org/trunk@30563 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-26 02:50:24 +00:00
Dominik Schilling 3cb1fb9c18 Editor CSS: Add missing semicolons.
props cfoellmann.
fixes #30487.
Built from https://develop.svn.wordpress.org/trunk@30550


git-svn-id: http://core.svn.wordpress.org/trunk@30539 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-24 21:54:23 +00:00
Andrew Ozz d3604f485d 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.
Built from https://develop.svn.wordpress.org/trunk@30509


git-svn-id: http://core.svn.wordpress.org/trunk@30498 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-22 02:43:24 +00:00
John Blackbourn 64cd0ae134 Slide the admin menu out to the right when DFW mode kicks in and RTL is in use.
Fixes #30356
Props yoavf

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


git-svn-id: http://core.svn.wordpress.org/trunk@30391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-19 22:46:22 +00:00
Andrew Ozz c61a028898 TinyMCE: fix the border on the image toolbar arrow. Props afercia, see #30147.
Built from https://develop.svn.wordpress.org/trunk@30363


git-svn-id: http://core.svn.wordpress.org/trunk@30362 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-17 00:19:23 +00:00
Andrew Ozz 560574da45 TinyMCE: set the image toolbar's z-index higher than the editor when the new DFW is active. See #30147.
Built from https://develop.svn.wordpress.org/trunk@30339


git-svn-id: http://core.svn.wordpress.org/trunk@30338 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-13 23:29:22 +00:00
Mark Jaquith 7c4b9419f4 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
Built from https://develop.svn.wordpress.org/trunk@30338


git-svn-id: http://core.svn.wordpress.org/trunk@30337 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-13 22:31:22 +00:00
Andrew Ozz 69105d29e8 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.
Built from https://develop.svn.wordpress.org/trunk@30318


git-svn-id: http://core.svn.wordpress.org/trunk@30317 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-11-13 00:56:22 +00:00
Aaron Jorbin 980adcadab Autoprefix box sizing
Results are from running grunt autoprefix.  Needed for FF before 29 and Safari before 5.1.

fixes #27553


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


git-svn-id: http://core.svn.wordpress.org/trunk@30070 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-10-28 20:48:24 +00:00
Andrew Ozz 8681dc786c Editor: use <button> instead of <a> for the Visual/Text buttons, make them focusable. Props afercia, fixes #27553
Built from https://develop.svn.wordpress.org/trunk@30002


git-svn-id: http://core.svn.wordpress.org/trunk@30002 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-10-24 01:21:18 +00:00
Sergey Biryukov d7de59cb00 Use Tahoma for RTL in general and Arial for Hebrew in editor styles.
fixes #29553.
Built from https://develop.svn.wordpress.org/trunk@29773


git-svn-id: http://core.svn.wordpress.org/trunk@29545 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-09-27 11:10:16 +00:00
Helen Hou-Sandí e51fdf9d7d 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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@29390 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-26 05:17:17 +00:00
Andrew Ozz 61292620c5 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.
Built from https://develop.svn.wordpress.org/trunk@29579


git-svn-id: http://core.svn.wordpress.org/trunk@29353 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-24 05:11:16 +00:00
Andrew Ozz c0fef55a47 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.
Built from https://develop.svn.wordpress.org/trunk@29533


git-svn-id: http://core.svn.wordpress.org/trunk@29309 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-18 18:23:16 +00:00
Andrew Ozz b8198ecf64 Media: improve the media modal at small screen sizes and make it usable on phones, first run. Part-props gcorne, see #27423.
Built from https://develop.svn.wordpress.org/trunk@29446


git-svn-id: http://core.svn.wordpress.org/trunk@29224 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-08 03:46:17 +00:00
Mark Jaquith 61a0551529 Match background color in DFW and adapt the dashed outline color.
fixes #28330. props avryl, ipstenu.
Built from https://develop.svn.wordpress.org/trunk@29340


git-svn-id: http://core.svn.wordpress.org/trunk@29120 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-01 18:10:16 +00:00
Andrew Ozz 77599cd99b wpLink: add keyboard navigation, improve accessibility. Props afercia, fixes #28897.
Built from https://develop.svn.wordpress.org/trunk@29321


git-svn-id: http://core.svn.wordpress.org/trunk@29102 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-29 03:16:17 +00:00
Andrew Ozz f43f758197 TinyMCE: better "color preview" for the text color button, props avryl, fixes #28280.
Built from https://develop.svn.wordpress.org/trunk@29231


git-svn-id: http://core.svn.wordpress.org/trunk@29015 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-18 22:15:15 +00:00
Andrew Ozz a97559bf57 Editor scrolling: better "scroll into view" in the visual editor. Don't override MCE path focus style. Props avryl, see #28328.
Built from https://develop.svn.wordpress.org/trunk@29186


git-svn-id: http://core.svn.wordpress.org/trunk@28970 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-16 04:06:16 +00:00
Helen Hou-Sandí 1a8c136d33 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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@28861 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-10 19:36:15 +00:00
Andrew Ozz 5e4a020ff8 Enhance the editor on the Add/Edit Post screens, first run. Props avril, see #28328.
Built from https://develop.svn.wordpress.org/trunk@29049


git-svn-id: http://core.svn.wordpress.org/trunk@28837 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-09 22:06:15 +00:00
Sergey Biryukov d882dc9782 Fix arrow positioning in "Insert/edit link" modal.
props avryl, sergej.mueller.
fixes #28096.
Built from https://develop.svn.wordpress.org/trunk@28236


git-svn-id: http://core.svn.wordpress.org/trunk@28064 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-05-01 21:21:15 +00:00
Andrew Nacin 1613157773 Editor: Shrink the font size for the chosen format so it fits in more locales.
props SergeyBiryukov.
see #27903, for trunk.

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


git-svn-id: http://core.svn.wordpress.org/trunk@28011 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-22 13:24:15 +00:00
Andrew Ozz 3de93ccba3 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
Built from https://develop.svn.wordpress.org/trunk@28116


git-svn-id: http://core.svn.wordpress.org/trunk@27947 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-14 08:15:16 +00:00
Andrew Ozz dc52e17417 RTL for TinyMCE:
- Add _dir: 'rtl' to the TinyMCE translation object.
- Fix editor.css for RTL.
- Fix the Edit and Delete buttons position for wpview and images.
- For _mce_set_direction(), update documentation and fix adding the 'ltr' button.
Fixes #27773
Built from https://develop.svn.wordpress.org/trunk@28094


git-svn-id: http://core.svn.wordpress.org/trunk@27925 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-13 00:23:15 +00:00
Andrew Ozz fd0ae7e406 Precommit cleanup for theme.js, editor.css amd wpdialogs/plugin.js, See #27055, #26907, #16284
Built from https://develop.svn.wordpress.org/trunk@28045


git-svn-id: http://core.svn.wordpress.org/trunk@27875 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-08 08:29:14 +00:00
Andrew Ozz 268092761d DFW:
- Move the word count and "Just Write" to a fixed bar at the bottom.
- Fix responsive mode to 480px. Narrower screens will have a scroll bar.
- Hide the Help button on screens < 480px, move the Save button to the right, make it bigger to match the others, and other responsive mode fixes.
Fixes #26907, see #27709
Built from https://develop.svn.wordpress.org/trunk@28043


git-svn-id: http://core.svn.wordpress.org/trunk@27873 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-08 07:49:14 +00:00
Andrew Ozz a6299d337c TinyMCE: couple more small css tweaks for the menubar and tabs in native modals, see #27279
Built from https://develop.svn.wordpress.org/trunk@27983


git-svn-id: http://core.svn.wordpress.org/trunk@27813 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-07 07:11:15 +00:00
Andrew Ozz 956301ece7 TinyMCE:
- Tighten up button styles, add :hover for .mce-active buttons.
- Pad only the first toolbar row and remove the padding in both toolbars if the editor doesn't have a DFW mode.
Part props avryl, see #27279
Built from https://develop.svn.wordpress.org/trunk@27978


git-svn-id: http://core.svn.wordpress.org/trunk@27808 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-07 01:10:15 +00:00
Andrew Ozz 08770f6b88 wpLink: fix spinners selectors and add some throttling when searching with AJAX while the user is typing, fixes #27615
Built from https://develop.svn.wordpress.org/trunk@27900


git-svn-id: http://core.svn.wordpress.org/trunk@27731 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-04-02 02:27:16 +00:00
Andrew Ozz bfaf007e97 Editor:
- Use standard button styles for the Quicktags buttons.
- Better style for the TinyMCE buttons (hover/focus/active/disabled).
- Move the fullscreen (DFW) button to the right.
- Better style for the Visual/Text buttons in DFW.
Props avryl, see #27279
Built from https://develop.svn.wordpress.org/trunk@27857


git-svn-id: http://core.svn.wordpress.org/trunk@27688 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 23:58:14 +00:00
Andrew Ozz aa1505ead2 Fix styling for mce-path (at the bottom of the editor), see #26952
Built from https://develop.svn.wordpress.org/trunk@27831


git-svn-id: http://core.svn.wordpress.org/trunk@27665 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-29 00:19:14 +00:00
Helen Hou-Sandí a85fd485d4 Allow the fullscreen editor's content area to also be responsive. props avryl. fixes #27569.
Built from https://develop.svn.wordpress.org/trunk@27821


git-svn-id: http://core.svn.wordpress.org/trunk@27655 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-28 17:38:15 +00:00
Andrew Ozz eb146fd12d Make DFW usable on touch devices: change the toolbar to two rows and keep it and borders visible. See #26907
Built from https://develop.svn.wordpress.org/trunk@27806


git-svn-id: http://core.svn.wordpress.org/trunk@27640 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-28 04:40:14 +00:00
Andrew Ozz 56b7043a90 Set the default font family to inherit (Open Sans) in all TinyMCE modals, change the cursor to pointer when hovering over Quicktags buttons. Props avryl, see #27279
Built from https://develop.svn.wordpress.org/trunk@27791


git-svn-id: http://core.svn.wordpress.org/trunk@27627 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 19:19:14 +00:00
Dominik Schilling 4038e52276 Add some missing CSS prefixes. props `grunt autoprefixer:core`.
Built from https://develop.svn.wordpress.org/trunk@27790


git-svn-id: http://core.svn.wordpress.org/trunk@27626 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 19:17:15 +00:00
Andrew Nacin 043bc12b49 TinyMCE: Differentiate active and hover states for toolbar buttons like the kitchen sink.
This restores 3.8 behavior.

see #27279.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27615 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 07:19:15 +00:00
Helen Hou-Sandí 2406bba954 Match TinyMCE modal form element focus styling to the admin. props paulwilde. see #27173.
Built from https://develop.svn.wordpress.org/trunk@27771


git-svn-id: http://core.svn.wordpress.org/trunk@27608 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 02:36:14 +00:00
Helen Hou-Sandí c3b59e06b8 Better, more consistent styling for plugin details Thickbox and TinyMCE help.
props avryl. fixes #26952.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27602 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-27 00:08:15 +00:00
Andrew Ozz 08663710cb TinyMCE: add internal command and shortcut (Alt+Shift+X) for toggling <code>. Define a button that can be added to any toolbar as `wp_code`. See #6113
Built from https://develop.svn.wordpress.org/trunk@27545


git-svn-id: http://core.svn.wordpress.org/trunk@27388 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-14 22:43:16 +00:00
Andrew Ozz 93ec80e732 Modals: darken all overlays, update all box-shadows and headings, correct thickbox styling, make the link modal narrower and bring back the animation (css transition). Props avryl, see #26952
Built from https://develop.svn.wordpress.org/trunk@27532


git-svn-id: http://core.svn.wordpress.org/trunk@27375 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-14 05:55:16 +00:00
Andrew Ozz 2a7918390b TinyMCE modals: re-enable the Close button in charmap, fix arrows in listboxes, add and position dashicons to the menu (when visible), see #26952
Built from https://develop.svn.wordpress.org/trunk@27513


git-svn-id: http://core.svn.wordpress.org/trunk@27356 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-12 08:19:14 +00:00
Andrew Ozz d1008b2dfe wpLink: bring back the Cancel link, improve responsive styles, see #26952
Built from https://develop.svn.wordpress.org/trunk@27510


git-svn-id: http://core.svn.wordpress.org/trunk@27353 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-12 03:07:15 +00:00
Andrew Ozz 45bc43515c wpLink: better structural and responsive styles, see #26952
Built from https://develop.svn.wordpress.org/trunk@27496


git-svn-id: http://core.svn.wordpress.org/trunk@27338 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 03:36:14 +00:00
Andrew Ozz 36d0458c78 wpLink: set max-height to 500px (like before) and vertically center the modal (except in IE8), see #26952
Built from https://develop.svn.wordpress.org/trunk@27495


git-svn-id: http://core.svn.wordpress.org/trunk@27337 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 02:36:14 +00:00
Andrew Ozz 05e23f7506 wpLink: stop using UI dialog, restyle the modal, add better responsive behaviour.
Fix UI dialog styling to match the rest of the admin styling.
Props avryl, see #26952
Built from https://develop.svn.wordpress.org/trunk@27494


git-svn-id: http://core.svn.wordpress.org/trunk@27336 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-11 00:04:14 +00:00