React-custom-scrollbars: vertical track

[sveta4acova]

https://github.com/malte-wessel/react-custom-scrollbars/blob/master/src/Scrollbars/defaultRenderElements.js#L22-L24

These styles should be placed here https://github.com/malte-wessel/react-custom-scrollbars/blob/master/src/Scrollbars/styles.js#L43

Otherwise I lose the styles when I overload renderTrackVertical.

[MishaGubsky]

As a workaround, you can import defaultRenderElements and customize them, like it's described here

Example with adding custom classes (should works):

import {
  renderTrackHorizontalDefault,
  renderTrackVerticalDefault,
  renderThumbHorizontalDefault,
  renderThumbVerticalDefault,
} from 'react-custom-scrollbars/lib/Scrollbars/defaultRenderElements';

const Scrollbar = scrollProps => {
  return (
    <Scrollbars
      renderTrackHorizontal={props => renderTrackHorizontalDefault({ ...props, className: 'track-horizontal' })}
      renderTrackVertical={props => renderTrackVerticalDefault({ ...props, className: 'track-vertical' })}
      renderThumbHorizontal={props => renderThumbHorizontalDefault({ ...props, className: 'thumb-horizontal' })}
      renderThumbVertical={props => renderThumbVerticalDefault({ ...props, className: 'thumb-vertical' })}
      {...scrollProps}
    />
  );
};

[thelaughingwolf]

Thanks so much! I just spent about half an hour trying to figure out why copying the example customization code _was not_ working.