Framework: Fixes uncentered logged-out layouts with no sidebar

Automattic · Dec 3, 2015 · a5613f0 · a5613f0
1 parent caf3310
commit a5613f0
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/client/layout/logged-out.jsx b/client/layout/logged-out.jsx
@@ -1,7 +1,8 @@
 /**
  * External dependencies
  */
-var React = require( 'react' );
+var React = require( 'react' ),
+	classNames = require( 'classnames' );
 
 /**
  * Internal dependencies
@@ -15,15 +16,19 @@ module.exports = React.createClass( {
 
 	getInitialState: function() {
 		return {
-			section: undefined
+			section: undefined,
+			noSidebar: false
 		};
 	},
 
 	render: function() {
-		var sectionClass = 'wp' + ( this.state.section ? ' is-section-' + this.state.section : '' );
+		var sectionClass = this.state.section ? ' is-section-' + this.state.section : '',
+			classes = classNames( 'wp', sectionClass, {
+				'has-no-sidebar': this.state.noSidebar
+			} );
 
 		return (
-			<div className={ sectionClass }>
+			<div className={ classes }>
 				<Masterbar />
 				<div id="content" className="wp-content">
 					<NoticesList id="notices" notices={ notices.list } />