react-custom-scrollbars
Advanced tools
Comparing version 0.1.1 to 0.1.2
@@ -58,6 +58,2 @@ 'use strict'; | ||
var finalStyle = _extends({}, style, { | ||
right: 2, | ||
bottom: 2, | ||
left: 2, | ||
height: 6, | ||
borderRadius: 3 | ||
@@ -74,6 +70,2 @@ }); | ||
var finalStyle = _extends({}, style, { | ||
right: 2, | ||
bottom: 2, | ||
top: 2, | ||
width: 6, | ||
borderRadius: 3 | ||
@@ -396,7 +388,21 @@ }); | ||
var scrollbarHorizontalStyle = _extends({}, scrollbarStyle, { | ||
right: 2, | ||
bottom: 2, | ||
left: 2, | ||
height: 6 | ||
}); | ||
var scrollbarVerticalStyle = _extends({}, scrollbarStyle, { | ||
right: 2, | ||
bottom: 2, | ||
top: 2, | ||
width: 6 | ||
}); | ||
return _react2['default'].createElement( | ||
'div', | ||
_extends({}, props, { style: containerStyle }), | ||
_react.cloneElement(scrollbarHorizontal({ style: scrollbarStyle }), { ref: 'barHorizontal' }, _react.cloneElement(thumbHorizontal({ style: thumbHorizontalStyle }), { ref: 'thumbHorizontal' })), | ||
_react.cloneElement(scrollbarVertical({ style: scrollbarStyle }), { ref: 'barVertical' }, _react.cloneElement(thumbVertical({ style: thumbVerticalStyle }), { ref: 'thumbVertical' })), | ||
_react.cloneElement(scrollbarHorizontal({ style: scrollbarHorizontalStyle }), { ref: 'barHorizontal' }, _react.cloneElement(thumbHorizontal({ style: thumbHorizontalStyle }), { ref: 'thumbHorizontal' })), | ||
_react.cloneElement(scrollbarVertical({ style: scrollbarVerticalStyle }), { ref: 'barVertical' }, _react.cloneElement(thumbVertical({ style: thumbVerticalStyle }), { ref: 'thumbVertical' })), | ||
_react.cloneElement(view({ style: viewStyle }), { ref: 'view' }, children) | ||
@@ -403,0 +409,0 @@ ); |
{ | ||
"name": "react-custom-scrollbars", | ||
"version": "0.1.1", | ||
"version": "0.1.2", | ||
"description": "React scrollbars component", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -39,13 +39,12 @@ react-custom-scrollbars | ||
return ( | ||
<Scrollbars | ||
className="container" | ||
scrollbarHorizontal={props => <div {...props} className="scrollbar-horizontal" />} | ||
scrollbarVertical={props => <div {...props} className="scrollbar-vertical"/>} | ||
thumbHorizontal={props => <div {...props} className="thumb-horizontal"/>} | ||
thumbVertical={props => <div {...props} className="thumb-vertical"/>} | ||
view={props => <div {...props} className="view"/>} | ||
> | ||
{this.props.children} | ||
</Scrollbars> | ||
</div> | ||
<Scrollbars | ||
className="container" | ||
scrollbarHorizontal={props => <div {...props} className="scrollbar-horizontal" />} | ||
scrollbarVertical={props => <div {...props} className="scrollbar-vertical"/>} | ||
thumbHorizontal={props => <div {...props} className="thumb-horizontal"/>} | ||
thumbVertical={props => <div {...props} className="thumb-vertical"/>} | ||
view={props => <div {...props} className="view"/>} | ||
> | ||
{this.props.children} | ||
</Scrollbars> | ||
); | ||
@@ -52,0 +51,0 @@ } |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
833229
17980
77