Merge pull request #27 from claydiffrient/master

[added] Ability to specify style for the modal contents
reactjs · May 8, 2015 · 1829f43 · 1829f43
2 parents 0b2028e + f5fe537
commit 1829f43
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/lib/components/ModalPortal.js b/lib/components/ModalPortal.js
@@ -147,6 +147,7 @@ var ModalPortal = module.exports = React.createClass({
       },
         div({
           ref: "content",
+          style: this.props.style,
           className: cx(this.buildClassName('content'), this.props.className),
           tabIndex: "-1",
           onClick: stopPropagation,

diff --git a/specs/Modal.spec.js b/specs/Modal.spec.js
@@ -110,6 +110,11 @@ describe('Modal', function () {
     unmountModal();
   });
 
+  it('supports adding style to the modal contents', function () {
+    var modal = renderModal({isOpen: true, style: {width: '20px'}});
+    equal(modal.portal.refs.content.getDOMNode().style.width, '20px');
+  });
+
   it('adds --after-open for animations', function() {
     var modal = renderModal({isOpen: true});
     var overlay = document.querySelector('.ReactModal__Overlay');