react-timeline-editor
react-timeline-editor copied to clipboard
how can i add space between the timelinerow and also how to give name and display it in the timeline row
.timeline-editor-action{ height: 28px !important; }
.timeline-editor-action{ height: 28px !important; }
This works in a way that makes them thinner. Im wondering how you made it to get them to that width with all that space in between 🤔
.timeline-editor-action{ height: 28px !important; }
This works in a way that makes them thinner. Im wondering how you made it to get them to that width with all that space in between 🤔
Got it now, for some reason playing around with the styles and re-rendering the DOM to see the changes would make them apply incorrectly (maybe its a ReactVirtualize issue?). So what worked for me was:
<Timeline rowHeight = {X} />
and in the CSS:
.timeline-editor-action{ height: (X-Y)px !important; }
X being the size of the row you want in pixels and Y being however smaller the amount you want the actions to be.
And at the end refreshing my browser to see the correct changes, not re-rendering the DOM.