From 0ec53d83ad09680d9725585aebce76723a5e218f Mon Sep 17 00:00:00 2001 From: Ali Abbas Malik Date: Wed, 24 Feb 2021 17:56:15 +0000 Subject: [PATCH 1/2] [IS-1500] Fixed compose field alignment issue --- src/styles/styles.js | 3 ++- src/styles/utilities/textInputAlignSelf/index.js | 3 +++ src/styles/utilities/textInputAlignSelf/index.native.js | 1 + 3 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 src/styles/utilities/textInputAlignSelf/index.js create mode 100644 src/styles/utilities/textInputAlignSelf/index.native.js diff --git a/src/styles/styles.js b/src/styles/styles.js index db23694b1bc2..8800f15d6a1a 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -12,6 +12,7 @@ import display from './utilities/display'; import overflow from './utilities/overflow'; import whiteSpace from './utilities/whiteSpace'; import wordBreak from './utilities/wordBreak'; +import textInputAlignSelf from './utilities/textInputAlignSelf'; const styles = { // Add all of our utility and helper styles @@ -663,7 +664,7 @@ const styles = { paddingHorizontal: 8, marginVertical: 5, paddingVertical: 0, - alignSelf: 'center', + ...textInputAlignSelf, textAlignVertical: 'center', }, 0), diff --git a/src/styles/utilities/textInputAlignSelf/index.js b/src/styles/utilities/textInputAlignSelf/index.js new file mode 100644 index 000000000000..706be4ecf3b6 --- /dev/null +++ b/src/styles/utilities/textInputAlignSelf/index.js @@ -0,0 +1,3 @@ +export default { + alignSelf: 'center', +}; diff --git a/src/styles/utilities/textInputAlignSelf/index.native.js b/src/styles/utilities/textInputAlignSelf/index.native.js new file mode 100644 index 000000000000..ff8b4c56321a --- /dev/null +++ b/src/styles/utilities/textInputAlignSelf/index.native.js @@ -0,0 +1 @@ +export default {}; From c7b105032d0d2bf44c7f83c63f2bb57711947114 Mon Sep 17 00:00:00 2001 From: Ali Abbas Malik Date: Thu, 25 Feb 2021 17:56:54 +0000 Subject: [PATCH 2/2] [IS-1500] Updated textalignInput utility --- src/styles/styles.js | 2 +- src/styles/utilities/textInputAlignSelf/index.js | 4 +++- src/styles/utilities/textInputAlignSelf/index.native.js | 4 +++- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/styles/styles.js b/src/styles/styles.js index 8800f15d6a1a..81e09a8424aa 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -664,7 +664,7 @@ const styles = { paddingHorizontal: 8, marginVertical: 5, paddingVertical: 0, - ...textInputAlignSelf, + ...textInputAlignSelf.center, textAlignVertical: 'center', }, 0), diff --git a/src/styles/utilities/textInputAlignSelf/index.js b/src/styles/utilities/textInputAlignSelf/index.js index 706be4ecf3b6..100414a2572f 100644 --- a/src/styles/utilities/textInputAlignSelf/index.js +++ b/src/styles/utilities/textInputAlignSelf/index.js @@ -1,3 +1,5 @@ export default { - alignSelf: 'center', + center: { + alignSelf: 'center', + }, }; diff --git a/src/styles/utilities/textInputAlignSelf/index.native.js b/src/styles/utilities/textInputAlignSelf/index.native.js index ff8b4c56321a..e35e6fbb18d6 100644 --- a/src/styles/utilities/textInputAlignSelf/index.native.js +++ b/src/styles/utilities/textInputAlignSelf/index.native.js @@ -1 +1,3 @@ -export default {}; +export default { + center: {}, +};