WordPress.org

Make WordPress Core

Changeset 40783


Ignore:
Timestamp:
05/18/17 17:51:53 (6 months 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

    r40654 r40783  
    172172} 
    173173 
     174/* Styles for formatting the boundaries of anchors and code elements */ 
     175.mce-content-body a[data-mce-selected] { 
     176    padding: 0 2px; 
     177    margin: 0 -2px; 
     178    border-radius: 2px; 
     179    box-shadow: 0 0 0 1px #bfe6ff; 
     180    background: #bfe6ff; 
     181} 
     182 
     183.mce-content-body code { 
     184    padding: 2px 4px; 
     185    margin: 0; 
     186    border-radius: 2px; 
     187    color: #222; 
     188    background: #f2f4f5; 
     189} 
     190 
     191.mce-content-body code[data-mce-selected] { 
     192    background: #e9ebec; 
     193} 
     194 
    174195/* Gallery, audio, video placeholders */ 
    175196.mce-content-body img.wp-media { 
Note: See TracChangeset for help on using the changeset viewer.