From 9df7337a6d07c982ac72c432e820064c8b07d946 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 29 Oct 2015 10:14:37 +0000
Subject: [PATCH] actually commit ability to apply a custom class to modal
 dialogs, used for lightboxing

---
 src/Modal.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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