Commit Graph

100 Commits

Author SHA1 Message Date
Andrew Ozz
dc3565a6a1 TinyMCE, keyboard shortcuts help: make the popup wider to easily accommodate translations.
Part props ocean90. See #31441;

git-svn-id: https://develop.svn.wordpress.org/trunk@33286 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-15 21:33:45 +00:00
Ella Iseulde Van Dorpe
c0e3449295 TinyMCE: fix visual regressions
See #32801.


git-svn-id: https://develop.svn.wordpress.org/trunk@33285 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-15 21:30:09 +00:00
Andrew Ozz
093a19b6d9 TinyMCE: add help for the text patterns to the shortcuts help popup.
See #31441.

git-svn-id: https://develop.svn.wordpress.org/trunk@33127 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-08 19:42:59 +00:00
Andrew Ozz
58f914004d TinyMCE: update to 4.2.1. Changelog: https://github.com/tinymce/tinymce-dist/blob/master/changelog.txt.
Fixes #32801.

git-svn-id: https://develop.svn.wordpress.org/trunk@33013 602fd350-edb4-49c9-b593-d223f7449a82
2015-07-01 00:51:22 +00:00
Andrew Ozz
b6eb753618 TinyMCE, inline link toolbar: tweak styling on small screens to fix wrapping in iOS.
See #32604.

git-svn-id: https://develop.svn.wordpress.org/trunk@32967 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-27 02:20:30 +00:00
Andrew Ozz
8b77a613c1 TinyMCE: add the editor focusing help the Keyboard Shortcuts modal.
See #31913.

git-svn-id: https://develop.svn.wordpress.org/trunk@32957 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-26 18:48:02 +00:00
Andrew Ozz
82d937a96e TinyMCE, inline link toolbar: fix styling on small screens so the displayed URL is not needlessly truncated.
See #32604.

git-svn-id: https://develop.svn.wordpress.org/trunk@32956 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-26 17:54:57 +00:00
Andrew Ozz
9b671bdf9e TinyMCE: update the Keyboard Shortcuts help modal, use the TinyMCE UI API instead of an iframe.
Props iseulde, azaozz. Fixes #31913.

git-svn-id: https://develop.svn.wordpress.org/trunk@32951 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-26 04:39:11 +00:00
Andrew Ozz
017d27a2c1 TinyMCE, inline link toolbar:
- Add max-width for all floating toolbars.
- Ensure the inline link toolbar doesn't exceed the width on small screen devices.
- Do not cut/concatenate the URL when it is less than 40 characters long.
- Show more of the URL if the beginning part plus the ending part are less than 40 characters long.
See #32604.

git-svn-id: https://develop.svn.wordpress.org/trunk@32937 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-25 04:41:34 +00:00
Ella Iseulde Van Dorpe
ed5625f831 TinyMCE: wplink: add inline toolbar
Now the URL can be viewed as soon as you put the cursor in an anchor tag. Clicking on it will open the page in a new tab. You also have the edit and remove button close at hand.

First run.
See #32604.


git-svn-id: https://develop.svn.wordpress.org/trunk@32931 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-24 23:04:46 +00:00
Andrew Ozz
e366658072 Update the TinyMCE initialization:
- Replace `wp_htmledit_pre()` and `wp_richedit_pre()` with `format_for_editor()`.
- Replace the `'htmledit_pre'` and `'richedit_pre'` filters with `'format_for_editor'`.
- Do not run the post content through `wpautop()` in PHP when the visual editor is default. Run the textarea content through the JS wpautop on initializing TinyMCE.
- Simplify both editors initialization.
- Improve setting of `wpActiveEditor` in Quicktags.
- Improve editor.js, use `tinymce.$` when possible.
See #32425.

git-svn-id: https://develop.svn.wordpress.org/trunk@32899 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-21 22:00:42 +00:00
Andrew Ozz
156df52851 Editor:
- Remove the old DFW.
- Add back-compat stub for wp-fullscreen.js.
- Keep wp_ajax_wp_fullscreen_save_post() for now.
See #30949.

git-svn-id: https://develop.svn.wordpress.org/trunk@32677 602fd350-edb4-49c9-b593-d223f7449a82
2015-06-01 17:37:14 +00:00
Helen Hou-Sandi
f64bf71719 Update more instances of default admin blues and grays.
props hugobaeta.
fixes #31234.


git-svn-id: https://develop.svn.wordpress.org/trunk@32051 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-05 21:19:54 +00:00
Helen Hou-Sandi
6983294161 Spinners: Toggle a class instead of show/hide.
Toggling spinners also now uses visibility instead of display, so that the space is always reserved and nothing moves around unexpectedly.

props cdog, MikeHansenMe, valendesigns.
fixes #22839. see #31875, #30725.


git-svn-id: https://develop.svn.wordpress.org/trunk@31996 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-03 04:51:18 +00:00
Helen Hou-Sandi
efb8f1d491 wpLink: Enable smooth scrolling on iOS devices.
fixes #31612.


git-svn-id: https://develop.svn.wordpress.org/trunk@31957 602fd350-edb4-49c9-b593-d223f7449a82
2015-04-01 15:33:55 +00:00
Andrew Ozz
f6aa243908 TinyMCE: fix the icon for the wp_code button. Fixes #31733.
git-svn-id: https://develop.svn.wordpress.org/trunk@31858 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-22 22:53:32 +00:00
Andrew Ozz
2c9a5e3b8b TinyMCE:
- Abstract the code for creating floating toolbars.
- Introduce `editor.wp` namespace to hold exported methods from our plugins.
- Create the wpView toolbar(s) with the new method. This makes them work the same as the image toolbar: shortcuts, esc key, etc.
Props iseulde. See #30619.

git-svn-id: https://develop.svn.wordpress.org/trunk@31725 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-11 19:11:02 +00:00
Andrew Ozz
bfbcfe3e6a wpLink: replace the "Title" field with a "Text" field and populate it with the link text when editing an existing link or with the selected text if any.
Props iseulde. See #28206.

git-svn-id: https://develop.svn.wordpress.org/trunk@31713 602fd350-edb4-49c9-b593-d223f7449a82
2015-03-11 02:39:02 +00:00
Dominik Schilling (ocean90)
cbb528de0f RTL CSS generation: Switch from CSSJanus to RTLCSS.
CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS.

RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows.

Changes:
* devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`.
* RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive.
* RTLCSS supports the `transform` property, means we can remove some ignore rules.
* RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs.

Notes for core development:
* The file generation task is still `grunt rtl`.
* If you have used `grunt cssjanus` before, use `grunt rtlcss` now.
* Remember the new directive `/* rtl:ignore */`.

fixes #31332.

Build: https://build.trac.wordpress.org/changeset/31554

git-svn-id: https://develop.svn.wordpress.org/trunk@31573 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-27 13:40:03 +00:00
Dominik Schilling (ocean90)
97bc1c3707 Run Autoprefixer after [31504].
This removes media queries for Opera < 12 and `-ms-animation`/`@-ms-keyframes` which was never (dev versions excluded) supported by IE.

see #31337.

git-svn-id: https://develop.svn.wordpress.org/trunk@31505 602fd350-edb4-49c9-b593-d223f7449a82
2015-02-22 16:59:41 +00:00
Andrew Ozz
adc9a1d565 TinyMCE: remove the fade in/out when opening/closing native modals to match the rest of our UI. Props afercia, avryl. Fixes #27388.
git-svn-id: https://develop.svn.wordpress.org/trunk@31185 602fd350-edb4-49c9-b593-d223f7449a82
2015-01-15 23:28:39 +00:00
Andrew Ozz
5a29757b92 TinyMCE: fix (switch) the indent/outdent icons in RTL mode so the arrow points at the proper direction. Props avryl, fixes #21281.
git-svn-id: https://develop.svn.wordpress.org/trunk@31142 602fd350-edb4-49c9-b593-d223f7449a82
2015-01-11 20:29:56 +00:00
Andrew Nacin
daf16cdb63 Call it 'Distraction-free writing mode' and update the help string. fixes #30657.
git-svn-id: https://develop.svn.wordpress.org/trunk@30890 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-16 10:06:17 +00:00
Andrew Ozz
3fb7f40445 TinyMCE: remove reposition delay on showing the image toolbar. Not needed when no animation. Fixes #30670.
git-svn-id: https://develop.svn.wordpress.org/trunk@30829 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-12 00:09:29 +00:00
Andrew Ozz
bd80506437 TinyMCE, image toolbar: remove the animation and make the box-shadow lighter. Props melchoyce, fixes #30664.
git-svn-id: https://develop.svn.wordpress.org/trunk@30812 602fd350-edb4-49c9-b593-d223f7449a82
2014-12-10 23:53:01 +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
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
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
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
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
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
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
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
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
Andrew Ozz
f4e7b2a6ad Media: improve the media modal at small screen sizes and make it usable on phones, first run. Part-props gcorne, see #27423.
git-svn-id: https://develop.svn.wordpress.org/trunk@29446 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-08 03:45:55 +00:00
Mark Jaquith
a46a981daa Match background color in DFW and adapt the dashed outline color.
fixes #28330. props avryl, ipstenu.

git-svn-id: https://develop.svn.wordpress.org/trunk@29340 602fd350-edb4-49c9-b593-d223f7449a82
2014-08-01 18:09:47 +00:00
Andrew Ozz
93aff47ac5 wpLink: add keyboard navigation, improve accessibility. Props afercia, fixes #28897.
git-svn-id: https://develop.svn.wordpress.org/trunk@29321 602fd350-edb4-49c9-b593-d223f7449a82
2014-07-29 03:15:34 +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
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
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
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
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
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