From 5074160451d8d88d008d9a232045c31f8b434e12 Mon Sep 17 00:00:00 2001 From: Sarvar Kumar Date: Mon, 2 Jan 2023 18:13:11 +0530 Subject: [PATCH 1/2] change transformOrigin to left for label on web --- src/components/label/styles.js | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/components/label/styles.js b/src/components/label/styles.js index af560f33..e3cf27ba 100644 --- a/src/components/label/styles.js +++ b/src/components/label/styles.js @@ -1,12 +1,19 @@ -import { StyleSheet } from 'react-native'; +import { Platform, StyleSheet } from 'react-native'; export default StyleSheet.create({ container: { position: 'absolute', top: 0, - left: '-100%', - width: '200%', - paddingLeft: '50%', + ...Platform.select({ + web: { + transformOrigin: 'left', + }, + default: { + left: '-100%', + width: '200%', + paddingLeft: '50%', + } + }), }, text: { From d4d16204242aa0ed0461c8b03cc431ef7c35247f Mon Sep 17 00:00:00 2001 From: Sarvar Kumar Date: Mon, 2 Jan 2023 18:25:16 +0530 Subject: [PATCH 2/2] add trailing comma --- src/components/label/styles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/label/styles.js b/src/components/label/styles.js index e3cf27ba..7c545b87 100644 --- a/src/components/label/styles.js +++ b/src/components/label/styles.js @@ -12,7 +12,7 @@ export default StyleSheet.create({ left: '-100%', width: '200%', paddingLeft: '50%', - } + }, }), },