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

TinyMCE: move the caption and gallery toolbars to the right, fix selected gallery border/outline, see #27320

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@27579 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2014-03-18 02:29:45 +00:00
parent 20eabd30ef
commit 30a83e48e2
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/wp-includes/js/tinymce/plugins/wpeditimage/plugin.js
View File

@ -335,7 +335,7 @@ tinymce.PluginManager.add( 'wpeditimage', function( editor ) {
}
function addToolbar( node ) {
var position, toolbarHtml, toolbar,
var rectangle, toolbarHtml, toolbar, toolbarSize,
dom = editor.dom;
removeToolbar();
@ -346,7 +346,7 @@ tinymce.PluginManager.add( 'wpeditimage', function( editor ) {
}
dom.setAttrib( node, 'data-wp-imgselect', 1 );
position = dom.getPos( node, editor.getBody() );
rectangle = dom.getRect( node );
toolbarHtml = '<div class="dashicons dashicons-edit edit" data-mce-bogus="1"></div> ' +
'<div class="dashicons dashicons-no-alt remove" data-mce-bogus="1"></div>';
@ -358,10 +358,11 @@ tinymce.PluginManager.add( 'wpeditimage', function( editor ) {
}, toolbarHtml );
editor.getBody().appendChild( toolbar );
toolbarSize = dom.getSize( toolbar );
dom.setStyles( toolbar, {
top: position.y,
left: position.x
top: rectangle.y,
left: rectangle.x + rectangle.w - toolbarSize.w
});
}

14
src/wp-includes/js/tinymce/skins/wordpress/wp-content.css
View File

@ -229,6 +229,7 @@ embed {
position: relative;
margin-bottom: 16px;
cursor: pointer;
border: 1px solid transparent;
}
.wpview-type-gallery:after {
@ -239,13 +240,13 @@ embed {
.wpview-type-gallery.selected {
background-color: #f2f8ff;
outline: 1px solid #777;
border-color: #777;
}
.wpview-type-gallery .toolbar {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #333;
color: white;
display: none;
@ -273,11 +274,9 @@ embed {
}
.gallery {
margin: auto;
padding: 0.5em 0;
margin: auto -6px;
padding: 6px 0;
line-height: 1;
margin-left: -0.5em;
margin-right: -0.5em;
overflow-x: hidden;
}
@ -285,7 +284,7 @@ embed {
float: left;
margin: 0;
text-align: center;
padding: 0.5em;
padding: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@ -338,7 +337,6 @@ embed {
}
.gallery img {
border: 1px solid #cfcfcf;
max-width: 100%;
height: auto;
}