react-timeline-editor icon indicating copy to clipboard operation
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

Open ggibin8 opened this issue 10 months ago • 3 comments

Screenshot 2024-04-16 1134277

ggibin8 avatar Apr 16 '24 06:04 ggibin8

image

.timeline-editor-action{ height: 28px !important; }

DongLee0504 avatar Apr 30 '24 03:04 DongLee0504

.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 🤔

rochindev avatar Jun 28 '24 05:06 rochindev

.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.

rochindev avatar Jun 28 '24 07:06 rochindev