interface updates

hyunsupul · Aug 13, 2014 · 6890476 · 6890476
1 parent 9767f23
commit 6890476
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/admin/assets/css/tinymce/custom-editor-style.css b/admin/assets/css/tinymce/custom-editor-style.css
@@ -24,8 +24,14 @@
 	padding: 15px;
 }
 
-.aesop-content-title{
-	font-family: Dashicons;
+.aesop-component-controls
+{
+	float: right;
 }
 
-.aesop-content-title:before { content: "\f207"; padding-right: 5px; vertical-align: middle;}
+.aesop-component-title:before { padding-right: 5px; vertical-align: middle; font-family: Dashicons; }
+.aesop-content-title:before { content: "\f207"; }
+.aesop-button:before { vertical-align: middle; font-family: Dashicons; display: inline-block; }
+.aesop-button { float: right; }
+.aesop-button-edit:before { content: "\f464"; }
+.aesop-button-delete:before { content: "\f182"; }
diff --git a/admin/assets/js/tinymce/aiview/plugin.js b/admin/assets/js/tinymce/aiview/plugin.js
@@ -16,7 +16,7 @@ tinymce.PluginManager.add('aiview', function( editor ) {
 		data = window.encodeURIComponent( data );
 
 		// output the div as a placeholder
-		var st = '<div data-mce-resize="false" data-mce-placeholder="1" class="mceItem ' + cls + '"><div class="aesop-component-bar mceNonEditable"><span class="mceNonEditable aesop-' + parse[1] + '-title">' + parse[1] + '</span></div><div class="aesop-component-content aesop-' + parse[1] + '" data-aesop-sc="' + data + '">' + parse[3] + '</div></div>';
+		var st = '<div data-mce-resize="false" data-mce-placeholder="1" class="mceItem ' + cls + '"><div class="aesop-component-bar mceNonEditable"><div class="aesop-component-controls"><div class="aesop-button aesop-button-delete">&nbsp;</div><div class="aesop-button aesop-button-edit">&nbsp;</div></div><span class="mceNonEditable aesop-component-title aesop-' + parse[1] + '-title">' + parse[1] + '</span></div><div class="aesop-component-content aesop-' + parse[1] + '" data-aesop-sc="' + data + '">' + parse[3] + '</div></div>';
 		return st;
 	}