daybrush / moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
https://daybrush.com/moveable/
MIT License
9.9k stars 612 forks source link

Is there a way to remove line dom elements (moveable-lines in control-box)? #133

Closed makis-spy closed 4 years ago

makis-spy commented 4 years ago

Hi thank you for the library. Really enjoying the control it offers.

I can't for the life of me figure out how to disable the extra "moveable-line" divs inserted in the control box. All I need is one resize handle.

My config in react is:

<Moveable target ={this.state.element} ref = {mv => this.mov = mv } origin ={false} edge ={false} draggable ={true} throttleResize ={this.props.hourWidth} throttleDrag ={this.props.hourWidth} resizable ={true} renderDirections = {["e"]}

Thanks for the help!

daybrush commented 4 years ago

@makis-spy

Sorry there's no way yet.

But you can specify a className and use it like this:


.className .moveable-line {
     display: none;
}
`` `
makis-spy commented 4 years ago

Gotcha! Thanks very much!