Changeset 40783

Timestamp:

05/18/2017 05:51:53 PM (6 years ago)

Author:

matveb

Message:

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.

File:

• trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css (modified) (1 diff)

trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -172 +172 @@
 }
 
+/* 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 {