bugfix width handler

carbon-app · Jun 13, 2022 · 4f4a383 · 4f4a383
1 parent 3f6b14d
commit 4f4a383
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/components/Editor.js b/components/Editor.js
@@ -411,6 +411,7 @@ class Editor extends React.Component {
                     onChange={this.updateWidth}
                     onChangeComplete={this.sync}
                     paddingHorizontal={config.paddingHorizontal}
+                    paddingVertical={config.paddingVertical}
                   />
                 }
               >

diff --git a/components/WidthHandler.js b/components/WidthHandler.js
@@ -13,7 +13,13 @@ function clamp(value, min, max) {
   return value
 }
 
-export default function WidthHandler({ onChange, onChangeComplete, innerRef, paddingHorizontal }) {
+export default function WidthHandler({
+  innerRef,
+  onChange,
+  onChangeComplete,
+  paddingHorizontal,
+  paddingVertical,
+}) {
   const startX = React.useRef(null)
   const startWidth = React.useRef(null)
 
@@ -60,8 +66,8 @@ export default function WidthHandler({ onChange, onChangeComplete, innerRef, pad
             z-index: 2;
             position: absolute;
             background-color: ${COLORS.BLUE};
-            top: ${paddingHorizontal};
-            bottom: ${paddingHorizontal};
+            top: ${paddingVertical};
+            bottom: ${paddingVertical};
             right: ${paddingHorizontal};
             width: 8px;
             cursor: ew-resize;