[RNMobile] Fix BlockCaption padding visibility (#20535)

* fix caption padding visibility
WordPress · Mar 4, 2020 · 2446adb · 2446adb
1 parent c82f622
commit 2446adb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-caption/index.native.js b/packages/block-editor/src/components/block-caption/index.native.js
@@ -10,6 +10,11 @@ import { Caption, RichText } from '@wordpress/block-editor';
 import { compose } from '@wordpress/compose';
 import { withDispatch, withSelect } from '@wordpress/data';
 
+/**
+ * Internal dependencies
+ */
+import styles from './styles.scss';
+
 const BlockCaption = ( {
 	accessible,
 	accessibilityLabelCreator,
@@ -20,7 +25,7 @@ const BlockCaption = ( {
 	shouldDisplay,
 	text,
 } ) => (
-	<View style={ { flex: 1, padding: 12 } }>
+	<View style={ [ styles.container, shouldDisplay && styles.padding ] }>
 		<Caption
 			accessibilityLabelCreator={ accessibilityLabelCreator }
 			accessible={ accessible }

diff --git a/packages/block-editor/src/components/block-caption/styles.native.scss b/packages/block-editor/src/components/block-caption/styles.native.scss
@@ -0,0 +1,7 @@
+.container {
+	flex: 1;
+}
+
+.padding {
+	padding: $block-selected-to-content;
+}