Make the publish button always blue (primary), even in mobile

Automattic · May 23, 2016 · ea7ba8d · ea7ba8d
1 parent ae7c1a8
commit ea7ba8d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/client/post-editor/editor-ground-control/style.scss b/client/post-editor/editor-ground-control/style.scss
@@ -39,8 +39,6 @@
 }
 
 .editor-ground-control .editor-publish-button {
-	@extend .is-primary;
-
 	border-radius: 4px 0 0 4px;
 	flex-grow: 1;
 

diff --git a/client/post-editor/editor-publish-button/index.jsx b/client/post-editor/editor-publish-button/index.jsx
@@ -10,6 +10,7 @@ import localize from 'lib/mixins/i18n/localize';
 import stats from 'lib/posts/stats';
 import postUtils from 'lib/posts/utils';
 import siteUtils from 'lib/site/utils';
+import Button from 'components/button';
 
 export const EditorPublishButton = React.createClass( {
 	propTypes: {
@@ -111,14 +112,15 @@ export const EditorPublishButton = React.createClass( {
 
 	render: function() {
 		return (
-			<button
-				className="editor-publish-button button"
+			<Button
+				className="editor-publish-button"
+				primary={ true }
 				onClick={ this.onClick }
 				disabled={ ! this.isEnabled() }
 				tabIndex={ this.props.tabIndex }
 			>
 				{ this.getButtonLabel() }
-			</button>
+			</Button>
 		);
 	}
 } );

diff --git a/client/post-editor/test/post-editor.jsx b/client/post-editor/test/post-editor.jsx
@@ -47,6 +47,7 @@ describe( 'PostEditor', function() {
 		mockery.registerMock( 'post-editor/editor-title/container', MOCK_COMPONENT );
 		mockery.registerMock( 'post-editor/editor-page-slug', MOCK_COMPONENT );
 		mockery.registerMock( 'post-editor/editor-media-advanced', MOCK_COMPONENT );
+		mockery.registerMock( 'post-editor/editor-mobile-navigation', MOCK_COMPONENT );
 		mockery.registerMock( 'post-editor/editor-author', MOCK_COMPONENT );
 		mockery.registerMock( 'post-editor/editor-visibility', MOCK_COMPONENT );
 		mockery.registerMock( 'post-editor/editor-word-count', MOCK_COMPONENT );