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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@40641 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Matias Ventura 2017-05-18 17:52:42 +00:00
parent 21b1135b1c
commit aee7e6a1bf
2 changed files with 22 additions and 1 deletions

View File

@ -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;

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.8-beta1-40782';
$wp_version = '4.8-beta1-40783';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.