From 926ed3fd20b355fd3a74528400a9e0e7b190d415 Mon Sep 17 00:00:00 2001
From: Stefanos Togoulidis <stefanostogoulidis@gmail.com>
Date: Sun, 24 Feb 2019 22:04:21 +0200
Subject: [PATCH] [Native mobile] Bring release v1.0.1 back to "mobile develop"
 (#14075)

* Don't allow placeholder to moves once we tap on it (#14066)

* Use platform based SCSS vars for block minHeight (#14070)
---
 packages/block-library/src/heading/edit.native.js     |  7 ++++---
 packages/block-library/src/heading/style.native.scss  |  5 +++++
 packages/block-library/src/image/edit.native.js       | 11 +++--------
 .../block-library/src/paragraph/style.native.scss     |  4 +++-
 .../editor/src/components/post-title/index.native.js  |  4 ++--
 .../src/components/post-title/style.native.scss       |  4 ++++
 6 files changed, 21 insertions(+), 14 deletions(-)
 create mode 100644 packages/block-library/src/heading/style.native.scss

diff --git a/packages/block-library/src/heading/edit.native.js b/packages/block-library/src/heading/edit.native.js
index d28021a0bbd992..dab8589b9c9236 100644
--- a/packages/block-library/src/heading/edit.native.js
+++ b/packages/block-library/src/heading/edit.native.js
@@ -19,9 +19,7 @@ import { createBlock } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
-import './editor.scss';
-
-const minHeight = 24;
+import styles from './style.scss';
 
 class HeadingEdit extends Component {
 	constructor( props ) {
@@ -47,6 +45,9 @@ class HeadingEdit extends Component {
 		} = attributes;
 
 		const tagName = 'h' + level;
+
+		const minHeight = styles.blockText.minHeight;
+
 		return (
 			<View>
 				<BlockControls>
diff --git a/packages/block-library/src/heading/style.native.scss b/packages/block-library/src/heading/style.native.scss
new file mode 100644
index 00000000000000..d5018ce8e30b86
--- /dev/null
+++ b/packages/block-library/src/heading/style.native.scss
@@ -0,0 +1,5 @@
+@import "variables.scss";
+
+.blockText {
+	min-height: $min-height-heading;
+}
diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
index eabcdc9941a263..64a7c6a73eb45c 100644
--- a/packages/block-library/src/image/edit.native.js
+++ b/packages/block-library/src/image/edit.native.js
@@ -340,14 +340,6 @@ class ImageEdit extends React.Component {
 								imageHeightWithinContainer,
 							} = sizes;
 
-							if ( imageWidthWithinContainer === undefined ) {
-								return (
-									<View style={ styles.imageContainer } >
-										<Dashicon icon={ 'format-image' } size={ 300 } />
-									</View>
-								);
-							}
-
 							let finalHeight = imageHeightWithinContainer;
 							if ( height > 0 && height < imageHeightWithinContainer ) {
 								finalHeight = height;
@@ -362,6 +354,9 @@ class ImageEdit extends React.Component {
 								<View style={ { flex: 1 } } >
 									{ getInspectorControls() }
 									{ getMediaOptions() }
+									{ ! imageWidthWithinContainer && <View style={ styles.imageContainer } >
+										<Dashicon icon={ 'format-image' } size={ 300 } />
+									</View> }
 									<ImageBackground
 										style={ { width: finalWidth, height: finalHeight, opacity } }
 										resizeMethod="scale"
diff --git a/packages/block-library/src/paragraph/style.native.scss b/packages/block-library/src/paragraph/style.native.scss
index a732fa2608dd1f..574c3f1d059349 100644
--- a/packages/block-library/src/paragraph/style.native.scss
+++ b/packages/block-library/src/paragraph/style.native.scss
@@ -1,3 +1,5 @@
+@import "variables.scss";
+
 .blockText {
-	min-height: 24;
+	min-height: $min-height-paragraph;
 }
diff --git a/packages/editor/src/components/post-title/index.native.js b/packages/editor/src/components/post-title/index.native.js
index 8204220b3be6d0..4874628b422843 100644
--- a/packages/editor/src/components/post-title/index.native.js
+++ b/packages/editor/src/components/post-title/index.native.js
@@ -18,8 +18,6 @@ import { withInstanceId, compose } from '@wordpress/compose';
  */
 import styles from './style.scss';
 
-const minHeight = 30;
-
 class PostTitle extends Component {
 	constructor() {
 		super( ...arguments );
@@ -72,6 +70,8 @@ class PostTitle extends Component {
 		const decodedPlaceholder = decodeEntities( placeholder );
 		const borderColor = this.state.isSelected ? focusedBorderColor : 'transparent';
 
+		const minHeight = styles.blockText.minHeight;
+
 		return (
 			<View style={ [ styles.titleContainer, borderStyle, { borderColor } ] }>
 				<RichText
diff --git a/packages/editor/src/components/post-title/style.native.scss b/packages/editor/src/components/post-title/style.native.scss
index b5d36037d96599..fa5ea8e7da0878 100644
--- a/packages/editor/src/components/post-title/style.native.scss
+++ b/packages/editor/src/components/post-title/style.native.scss
@@ -1,6 +1,10 @@
 
 @import "variables.scss";
 
+.blockText {
+	min-height: $min-height-title;
+}
+
 .titleContainer {
 	padding-left: 16;
 	padding-right: 16;