Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-custom-scrollbars

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-custom-scrollbars - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

26

lib/Scrollbars.js

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc