Commit Graph

80 Commits

Author SHA1 Message Date
Andrew Ozz
6e14ff9234 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.
Built from https://develop.svn.wordpress.org/trunk@31725


git-svn-id: http://core.svn.wordpress.org/trunk@31706 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-11 19:12:28 +00:00
Andrew Ozz
9029c07592 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.
Built from https://develop.svn.wordpress.org/trunk@31713


git-svn-id: http://core.svn.wordpress.org/trunk@31694 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-11 02:40:27 +00:00
Dominik Schilling
d2f0abf85f 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
Built from https://develop.svn.wordpress.org/trunk@31573


git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-27 13:41:30 +00:00
Dominik Schilling
2b9a79db8e 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.
Built from https://develop.svn.wordpress.org/trunk@31505


git-svn-id: http://core.svn.wordpress.org/trunk@31486 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-22 17:00:24 +00:00
Dominik Schilling
1a45201b98 Update grunt-cssjanus to 0.2.4, we no longer need the fork.
Upstream changes:
* https://github.com/cssjanus/cssjanus/compare/v1.0.2...v1.1.2
* https://github.com/cssjanus/grunt-cssjanus/compare/v0.2.2...v0.2.4

fixes #30997.
Built from https://develop.svn.wordpress.org/trunk@31425


git-svn-id: http://core.svn.wordpress.org/trunk@31406 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-11 22:28:29 +00:00
Andrew Ozz
3e529d6753 TinyMCE: remove the fade in/out when opening/closing native modals to match the rest of our UI. Props afercia, avryl. Fixes #27388.
Built from https://develop.svn.wordpress.org/trunk@31185


git-svn-id: http://core.svn.wordpress.org/trunk@31166 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-01-15 23:29:21 +00:00
Andrew Ozz
49c0b22828 TinyMCE: fix (switch) the indent/outdent icons in RTL mode so the arrow points at the proper direction. Props avryl, fixes #21281.
Built from https://develop.svn.wordpress.org/trunk@31142


git-svn-id: http://core.svn.wordpress.org/trunk@31123 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-01-11 20:30:26 +00:00
Andrew Ozz
b90c024d38 TinyMCE: remove reposition delay on showing the image toolbar. Not needed when no animation. Fixes #30670.
Built from https://develop.svn.wordpress.org/trunk@30829


git-svn-id: http://core.svn.wordpress.org/trunk@30819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-12 00:10:25 +00:00
Andrew Ozz
4a9121b44b TinyMCE, image toolbar: remove the animation and make the box-shadow lighter. Props melchoyce, fixes #30664.
Built from https://develop.svn.wordpress.org/trunk@30812


git-svn-id: http://core.svn.wordpress.org/trunk@30802 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-12-10 23:53:22 +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
Dominik Schilling
de8961d631 Update the versions of several devDependencies in package.json.
Run `npm update` in the project root to receive updates.

props mjbanks, jorbin, netweb.
see #27340.
Built from https://develop.svn.wordpress.org/trunk@29270


git-svn-id: http://core.svn.wordpress.org/trunk@29052 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-22 20:41:44 +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