Fixing cellSpacing width offset

FormidableLabs · Apr 22, 2015 · 83f11f3 · 83f11f3
1 parent 1eb582c
commit 83f11f3
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "nuka-carousel",
   "main": "index.js",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "homepage": "https://github.com/kenwheeler/nuka-carousel",
   "authors": [
     "Ken Wheeler <ken_wheeler@me.com>"

diff --git a/lib/carousel.js b/lib/carousel.js
@@ -393,12 +393,17 @@ var Carousel = _React2['default'].createClass({
     var self = this,
         slideWidth,
         frame;
+
     frame = _React2['default'].findDOMNode(this.refs.frame);
+
     if (typeof this.props.slideWidth !== 'number') {
       slideWidth = parseInt(this.props.slideWidth);
     } else {
       slideWidth = frame.offsetWidth / this.props.slidesToShow * this.props.slideWidth;
     }
+
+    slideWidth -= this.props.cellSpacing * ((100 - 100 / this.props.slidesToShow) / 100);
+
     this.setState({
       frameWidth: frame.offsetWidth,
       slideCount: this.props.children.length,

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuka-carousel",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Pure React Carousel",
   "main": "index.js",
   "dependencies": {

diff --git a/src/carousel.js b/src/carousel.js
@@ -376,12 +376,17 @@ const Carousel = React.createClass({
 
   setDimensions() {
     var self = this, slideWidth, frame;
+
     frame = React.findDOMNode(this.refs.frame);
+
     if (typeof this.props.slideWidth !== 'number') {
       slideWidth = parseInt(this.props.slideWidth);
     } else {
       slideWidth = (frame.offsetWidth / this.props.slidesToShow) * this.props.slideWidth;
     }
+
+    slideWidth -= this.props.cellSpacing * ((100 - (100 / this.props.slidesToShow)) / 100);
+
     this.setState({
       frameWidth: frame.offsetWidth,
       slideCount: this.props.children.length,