imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

actually commit ability to apply a custom class to modal dialogs, used for lightboxing

Browse source
This commit is contained in:
Matthew Hodgson 2015-10-29 10:14:37 +00:00
parent 966f44baa1
commit 9df7337a6d
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Modal.js
View file

@ -34,7 +34,7 @@ module.exports = {
return container; return container;
}, },
createDialogWithElement: function(element, props) { createDialogWithElement: function(element, props, className) {
var self = this; var self = this;
var closeDialog = function() { var closeDialog = function() {
@ -44,7 +44,7 @@ module.exports = {
}; };
var dialog = ( var dialog = (
<div className="mx_Dialog_wrapper"> <div className={"mx_Dialog_wrapper " + className}>
<div className="mx_Dialog"> <div className="mx_Dialog">
{element} {element}
</div> </div>
@ -57,7 +57,7 @@ module.exports = {
return {close: closeDialog}; return {close: closeDialog};
}, },
createDialog: function (Element, props) { createDialog: function (Element, props, className) {
var self = this; var self = this;
var closeDialog = function() { var closeDialog = function() {
@ -69,7 +69,7 @@ module.exports = {
// FIXME: If a dialog uses getDefaultProps it clobbers the onFinished // FIXME: If a dialog uses getDefaultProps it clobbers the onFinished
// property set here so you can't close the dialog from a button click! // property set here so you can't close the dialog from a button click!
var dialog = ( var dialog = (
<div className="mx_Dialog_wrapper"> <div className={"mx_Dialog_wrapper " + className}>
<div className="mx_Dialog"> <div className="mx_Dialog">
<Element {...props} onFinished={closeDialog}/> <Element {...props} onFinished={closeDialog}/>
</div> </div>