Style "number of posts to show" row

WordPress · Jun 29, 2017 · 758765d · 758765d
1 parent 83c1dba
commit 758765d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/blocks/library/latest-posts/index.js b/blocks/library/latest-posts/index.js
@@ -110,14 +110,17 @@ registerBlockType( 'core/latestposts', {
 								showHint={ false }
 							/>
 						</div>
-						<label htmlFor={ postToShowId }>Number of posts to show:</label>
-						<input
-							type="text"
-							value={ this.props.attributes.poststoshow }
-							ref={ postToShowId }
-							id={ postToShowId }
-							onChange={ () => this.changePostsToShow( this.refs[ postToShowId ].value ) }
-						/>
+						<div className="editor-latest-posts__row">
+							<label htmlFor={ postToShowId }>{ __( 'Number of posts to show' ) } </label>
+							<input
+								type="text"
+								value={ this.props.attributes.poststoshow }
+								ref={ postToShowId }
+								id={ postToShowId }
+								className="editor-latest-posts__input"
+								onChange={ () => this.changePostsToShow( this.refs[ postToShowId ].value ) }
+							/>
+						</div>
 					</InspectorControls>
 				),
 				<div className={ this.props.className } key="latest-posts">

diff --git a/blocks/library/latest-posts/style.scss b/blocks/library/latest-posts/style.scss
@@ -14,3 +14,10 @@
 .blocks-latest-posts__post-date {
 	padding-left: 1em;
 }
+
+.editor-latest-posts__input {
+	width: 3em;
+	-webkit-border-radius: 0.3em;
+	-moz-border-radius: 0.3em;
+	border-radius: 0.3em;
+}