v0.16.1
This release is focused on performance improvements. As such, there were api changes, some breaking.
One of the main changes was removing the import of Timeline.css in the component and putting the onus on the user to manage the inclusion of Timeline.css. See the README for information on how to do this.
Added
- added
stickyHeader
to disable/enable timeline header sticking on scroll. - removed
fullUpdate
prop and functionality. Labels rely onposition: sticky
to show for items that start beforevisibleTimeStart
. This should greatly improve scroll performance. - removed extraneous css such as
text-align: center
on.rct-item
,.rct-item-overflow
to simplify the dom structure ofItem.js
- added
headerRef
callback to receive a reference to the header element. Due to the change in how the header positioning is implemented (i.e. usingposition: sticky
), there is a need to use a polyfill in certain browsers that don't supportposition: sticky
. With a reference to the header dom element, you can use a polyfill to apply sticky behavior. minimumWidthForItemContentVisibility
prop to control at what width inner item content is rendered.
Breaking
- removed
fixedHeader
prop in favor of usingposition: sticky
by default - removed import of stylesheets in library code, put onus on user to handle this stylesheet