From f7d3945e171e58f7c46abef6ba61c2be846617ab Mon Sep 17 00:00:00 2001 From: Luke Walczak Date: Wed, 2 Sep 2020 21:33:17 +0200 Subject: [PATCH] [RNMobile] Correct multiple sliders spacings (#25017) * Correct spacings * Correct cellContainerStyle --- .../block-library/src/columns/editor.native.scss | 12 ++++-------- .../src/mobile/bottom-sheet/cell.native.js | 10 +++++++--- .../src/mobile/bottom-sheet/range-cell.native.scss | 1 - 3 files changed, 11 insertions(+), 12 deletions(-) diff --git a/packages/block-library/src/columns/editor.native.scss b/packages/block-library/src/columns/editor.native.scss index beb5ba25218445..2862a849b8a93a 100644 --- a/packages/block-library/src/columns/editor.native.scss +++ b/packages/block-library/src/columns/editor.native.scss @@ -10,14 +10,10 @@ margin: $block-edge-to-content / 2; } -.rangeCell { - flex-direction: row; - padding-left: $grid-unit; - padding-right: $grid-unit; -} - .cellContainerStyle { flex-direction: row; - padding-top: $grid-unit-10; - padding-bottom: $grid-unit-10; + min-height: 48px; + align-items: center; + margin-top: $grid-unit; + margin-bottom: $grid-unit; } diff --git a/packages/components/src/mobile/bottom-sheet/cell.native.js b/packages/components/src/mobile/bottom-sheet/cell.native.js index cf89a2b2dacfc7..2859fe1fe3bd4f 100644 --- a/packages/components/src/mobile/bottom-sheet/cell.native.js +++ b/packages/components/src/mobile/bottom-sheet/cell.native.js @@ -326,9 +326,13 @@ class BottomSheetCell extends Component { /> ) } - - { label } - + { label && ( + + { label } + + ) } { customActionButton && (