From 8d0621559d052f6271bfe292b077fc6a0a3040cc Mon Sep 17 00:00:00 2001 From: Q Date: Sun, 7 Feb 2021 10:53:58 -0500 Subject: [PATCH] RangeControl: Fix input / slider widths (#28816) --- .../src/range-control/styles/range-control-styles.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/components/src/range-control/styles/range-control-styles.js b/packages/components/src/range-control/styles/range-control-styles.js index 2b4d0f94633670..18b96e6d469b61 100644 --- a/packages/components/src/range-control/styles/range-control-styles.js +++ b/packages/components/src/range-control/styles/range-control-styles.js @@ -271,18 +271,20 @@ export const Tooltip = styled.span` ) } `; +// @todo: Refactor RangeControl with latest HStack configuration +// @wordpress/components/ui/hstack export const InputNumber = styled( NumberControl )` box-sizing: border-box; display: inline-block; font-size: 13px; margin-top: 0; - width: ${ space( 8 ) }; + width: ${ space( 8 ) } !important; input[type='number']& { ${ rangeHeight }; } - ${ rtl( { marginLeft: space( 2 ) } ) } + ${ rtl( { marginLeft: `${ space( 2 ) } !important` } ) } `; export const ActionRightWrapper = styled.span`