sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

TinyMCE: Provide styles for link and code boundaries.

Browse Source 
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
This commit is contained in:
Matias Ventura 2017-05-18 17:51:53 +00:00
parent 50f8eff5d1
commit 379b84ce99
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/wp-includes/js/tinymce/skins/wordpress/wp-content.css
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;