From 379b84ce9972797aa944a9197631a2db39055e1a Mon Sep 17 00:00:00 2001 From: Matias Ventura Date: Thu, 18 May 2017 17:51:53 +0000 Subject: [PATCH] TinyMCE: Provide styles for link and code boundaries. The new version of TinyMCE introduces a cursor-boundary feature for some formatting elements but, by default, it does not provide much in the way of styles. This tweaks their appearance in the WordPress custom skin to match the intended design of the feature. Props joen. Fixes #40767. git-svn-id: https://develop.svn.wordpress.org/trunk@40783 602fd350-edb4-49c9-b593-d223f7449a82 --- .../js/tinymce/skins/wordpress/wp-content.css | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css b/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css index 84ae59c39b..a09829bf38 100644 --- a/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css +++ b/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css @@ -171,6 +171,27 @@ img[data-mce-selected]::selection { background: transparent url( images/pagebreak.png ) repeat-y scroll center center; } +/* Styles for formatting the boundaries of anchors and code elements */ +.mce-content-body a[data-mce-selected] { + padding: 0 2px; + margin: 0 -2px; + border-radius: 2px; + box-shadow: 0 0 0 1px #bfe6ff; + background: #bfe6ff; +} + +.mce-content-body code { + padding: 2px 4px; + margin: 0; + border-radius: 2px; + color: #222; + background: #f2f4f5; +} + +.mce-content-body code[data-mce-selected] { + background: #e9ebec; +} + /* Gallery, audio, video placeholders */ .mce-content-body img.wp-media { border: 1px solid #aaa;