From 9df3863fcf028204a329b749ff3cd0cf2e61a736 Mon Sep 17 00:00:00 2001
From: iseulde <ella@iseulde.com>
Date: Fri, 24 Feb 2017 12:53:33 +0100
Subject: [PATCH] tinymce-single: add image animations similar to main
 prototype

---
 shared/index.css                 |  4 +++-
 tinymce-single/tinymce/block.css | 10 ++++------
 tinymce-single/tinymce/block.js  |  4 ++++
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/shared/index.css b/shared/index.css
index e8284a6d4e1d8..39878443f94b2 100644
--- a/shared/index.css
+++ b/shared/index.css
@@ -30,11 +30,13 @@ body {
 }
 
 #editor figure {
+	float: none;
 	margin: 0;
+	width: 100%;
+    transition: margin 0.5s, width 0.5s;
 }
 
 #editor figure.aligncenter {
-	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }
diff --git a/tinymce-single/tinymce/block.css b/tinymce-single/tinymce/block.css
index ee8eca873036f..f356e25469d4a 100644
--- a/tinymce-single/tinymce/block.css
+++ b/tinymce-single/tinymce/block.css
@@ -187,6 +187,10 @@ div.mce-inline-toolbar-grp {
 	max-width: 98%;
 }
 
+div.mce-inline-toolbar-grp:not(.block-toolbar) {
+	transition: all 0.5s;
+}
+
 div.wp-link-preview {
 	float: left;
 	max-width: 694px;
@@ -200,12 +204,6 @@ div.wp-link-preview a {
 	font-size: 16px;
 	padding: 9px;
 	text-decoration: underline;
-	-webkit-transition-property: border, background, color;
-	transition-property: border, background, color;
-	-webkit-transition-duration: .05s;
-	transition-duration: .05s;
-	-webkit-transition-timing-function: ease-in-out;
-	transition-timing-function: ease-in-out;
 	cursor: pointer;
 }
 
diff --git a/tinymce-single/tinymce/block.js b/tinymce-single/tinymce/block.js
index bbc1607208e4b..b8d5941e2203d 100644
--- a/tinymce-single/tinymce/block.js
+++ b/tinymce-single/tinymce/block.js
@@ -433,6 +433,10 @@
 						top: elementRect.top + window.pageYOffset - toolbarRect.height - 8 + 'px'
 					})
 
+					setTimeout( function() {
+						editor.nodeChanged();
+					}, 500 );
+
 					this.show()
 				}