Merge branch 't/13036b' into major

CHANGES.md

@@ -11,6 +11,7 @@ Fixed Issues:
 * [#13199](http://dev.ckeditor.com/ticket/13199): Fixed: Embedsemantic does not support widget classes.
 * [#13003](http://dev.ckeditor.com/ticket/13003): Fixed: Anchors are uploaded when moving them by drag and drop.
 * [#13032](http://dev.ckeditor.com/ticket/13032): Fixed: When upload is done notification update should be marked as important.
+* [#13036](http://dev.ckeditor.com/ticket/13036): Fixed: Notifications are 10px more to the right.
 * Toolbar configurators:
   * [#13185](http://dev.ckeditor.com/ticket/13185): Fixed: Wrong position of the suggestion box if there is not enough space below the caret.
   * [#13138](http://dev.ckeditor.com/ticket/13138): Fixed: The "Toggle empty elements" button label is unclear.

plugins/notification/plugin.js

@@ -830,7 +830,7 @@ Area.prototype = {
 		}
 
 		function setCenter() {
-			area.setStyle( 'left', cssLength( leftBase + contentsRect.width / 2 - notificationWidth / 2 ) );
+			area.setStyle( 'left', cssLength( leftBase + contentsRect.width / 2 - notificationWidth / 2 - notificationMargin / 2 ) );
 		}
 
 		function setRight() {

tests/plugins/notification/manual/notificationposition.html

@@ -0,0 +1,10 @@
+<textarea cols="10" id="editor1" name="editor1" rows="10"></textarea>
+<script>
+	var editor = CKEDITOR.replace( 'editor1', {
+		width: '330px'
+	} );
+
+	editor.on( 'instanceReady', function() {
+		editor.showNotification( 'foo bar baz bag bug beg big', 'warning' );
+	} );
+</script>

tests/plugins/notification/manual/notificationposition.md

@@ -0,0 +1,5 @@
+@bender-tags: 4.5.0, tc
+@bender-ui: collapsed
+@bender-ckeditor-plugins: wysiwygarea, toolbar, notification
+
+Notification should be centered horizontally.