[RNMobile] Align Range Control (Android Slider component) to the left…

… of it's container (#25660) Added margin left to move the Slider to the left on Android
WordPress · Oct 12, 2020 · 15f4799 · 15f4799
1 parent d0bf065
commit 15f4799
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.js b/packages/components/src/mobile/bottom-sheet/range-cell.native.js
@@ -239,7 +239,9 @@ class BottomSheetRangeCell extends Component {
 						ref={ ( slider ) => {
 							this.sliderRef = slider;
 						} }
-						style={ styles.slider }
+						style={
+							isIOS ? styles.sliderIOS : styles.sliderAndroid
+						}
 						accessibilityRole={ 'adjustable' }
 					/>
 					{ shouldDisplayTextInput && (

diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.scss b/packages/components/src/mobile/bottom-sheet/range-cell.native.scss
@@ -1,7 +1,12 @@
-.slider {
+.sliderIOS {
 	flex-grow: 1;
 }
 
+.sliderAndroid {
+	flex-grow: 1;
+	margin-left: -6px;
+}
+
 .sliderTextInput {
 	min-height: 25px;
 	align-self: center;