Merge pull request #2466 from Automattic/update/editor-tinymce-bar

Editor: update visual design of TinyMCE toolbar.
Automattic · Jan 20, 2016 · eceb0b9 · eceb0b9
2 parents b51cc40 + 85a62dc
commit eceb0b9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/client/components/tinymce/plugins/advanced/style.scss b/client/components/tinymce/plugins/advanced/style.scss
@@ -29,6 +29,7 @@
 .mce-toolbar .mce-btn-group .mce-advanced.mce-btn.mce-last {
 	position: absolute;
 		top: 3px;
+		right: 14px;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-active.mce-advanced {

diff --git a/client/components/tinymce/style.scss b/client/components/tinymce/style.scss
@@ -59,6 +59,12 @@
 		border-width: 1px 0;
 		padding: 0;
 		overflow-x: auto;
+		margin: 0 auto;
+
+		@include breakpoint( ">960px" ) {
+			border-width: 1px;
+			max-width: 700px;
+		}
 	}
 
 	.mce-toolbar .mce-ico {

diff --git a/client/post-editor/style.scss b/client/post-editor/style.scss
@@ -236,7 +236,7 @@
 	}
 
 	@include breakpoint( ">1040px" ) {
-		right: 0;
+		right: -1px;
 	}
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -236,7 +236,7 @@ @@
     	}
     	@include breakpoint( ">1040px" ) {
-    		right: 0;
+    		right: -1px;
     	}
     }
@@ Expand Down @@