Use the same padding used for other blocks in DefaultBlockAppender

WordPress · Nov 29, 2018 · b1c121b · b1c121b
1 parent 50420de
commit b1c121b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/packages/editor/src/components/default-block-appender/index.native.js b/packages/editor/src/components/default-block-appender/index.native.js
@@ -11,6 +11,8 @@ import { compose } from '@wordpress/compose';
 import { decodeEntities } from '@wordpress/html-entities';
 import { withSelect, withDispatch } from '@wordpress/data';
 
+import styles from './style.scss';
+
 export function DefaultBlockAppender( {
 	isLocked,
 	isVisible,
@@ -27,13 +29,15 @@ export function DefaultBlockAppender( {
 		<TouchableWithoutFeedback
 			onPress={ onAppend }
 		>
-			<View style={ { flex: 1 } } pointerEvents="box-only">
-				<TextInput
-					textAlignVertical="top"
-					multiline
-					numberOfLines={ 0 }
-					value={ value }
-				/>
+			<View style={ styles.blockHolder } pointerEvents="box-only">
+				<View style={ styles.blockContainer }>
+					<TextInput
+						textAlignVertical="top"
+						multiline
+						numberOfLines={ 0 }
+						value={ value }
+					/>
+				</View>
 			</View>
 		</TouchableWithoutFeedback>
 	);

diff --git a/packages/editor/src/components/default-block-appender/style.native.scss b/packages/editor/src/components/default-block-appender/style.native.scss
@@ -0,0 +1,9 @@
+
+.blockHolder {
+	flex: 1 1 auto;
+}
+
+.blockContainer {
+	background-color: $white;
+	padding: 8px;
+}