diff --git a/components/Editor.js b/components/Editor.js index f301592c5..79d13fe65 100644 --- 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 index 57e805e86..820707e8b 100644 --- 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;