From 912ca8e8dd2f69d8a15429f3ab4bbb7ac178ab8a Mon Sep 17 00:00:00 2001 From: Reed Garmsen Date: Thu, 13 Aug 2015 12:07:32 -0700 Subject: Changed location of file upload overlay --- web/react/components/file_upload_overlay.jsx | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 web/react/components/file_upload_overlay.jsx (limited to 'web/react/components/file_upload_overlay.jsx') diff --git a/web/react/components/file_upload_overlay.jsx b/web/react/components/file_upload_overlay.jsx new file mode 100644 index 000000000..5f8ef0b0c --- /dev/null +++ b/web/react/components/file_upload_overlay.jsx @@ -0,0 +1,16 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +module.exports = React.createClass({ + displayName: 'FileUploadOverlay', + render: function() { + return ( +
+
+ + Drop a file to upload it. +
+
+ ); + } +}); -- cgit v1.2.3-1-g7c22 From 6f68c508ee3fd8c54fc1ba314cc60bae3f0b2600 Mon Sep 17 00:00:00 2001 From: Reed Garmsen Date: Thu, 13 Aug 2015 15:44:38 -0700 Subject: Better error checking along with other fixes --- web/react/components/file_upload_overlay.jsx | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'web/react/components/file_upload_overlay.jsx') diff --git a/web/react/components/file_upload_overlay.jsx b/web/react/components/file_upload_overlay.jsx index 5f8ef0b0c..a82f02af1 100644 --- a/web/react/components/file_upload_overlay.jsx +++ b/web/react/components/file_upload_overlay.jsx @@ -2,15 +2,15 @@ // See License.txt for license information. module.exports = React.createClass({ - displayName: 'FileUploadOverlay', - render: function() { - return ( -
-
- - Drop a file to upload it. -
-
- ); - } + displayName: 'FileUploadOverlay', + render: function() { + return ( +
+
+ + Drop a file to upload it. +
+
+ ); + } }); -- cgit v1.2.3-1-g7c22 From 3a55cc6dcb8e45b65debd7569a49961faa55b402 Mon Sep 17 00:00:00 2001 From: Reed Garmsen Date: Thu, 13 Aug 2015 16:00:55 -0700 Subject: Minor refactoring for better maintainibility --- web/react/components/file_upload_overlay.jsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'web/react/components/file_upload_overlay.jsx') diff --git a/web/react/components/file_upload_overlay.jsx b/web/react/components/file_upload_overlay.jsx index a82f02af1..28d66d817 100644 --- a/web/react/components/file_upload_overlay.jsx +++ b/web/react/components/file_upload_overlay.jsx @@ -3,9 +3,19 @@ module.exports = React.createClass({ displayName: 'FileUploadOverlay', + propTypes: { + overlayType: React.PropTypes.string + }, render: function() { + var overlayClass = 'file-overlay invisible'; + if (this.props.overlayType === 'right') { + overlayClass += ' right-file-overlay'; + } else if (this.props.overlayType === 'center') { + overlayClass += ' center-file-overlay'; + } + return ( -
+
Drop a file to upload it. -- cgit v1.2.3-1-g7c22 From 2c098d7711eda893f903329ab64528a7d387a6e8 Mon Sep 17 00:00:00 2001 From: Reed Garmsen Date: Fri, 14 Aug 2015 10:00:24 -0700 Subject: Small changes to css to clean up code --- web/react/components/file_upload_overlay.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'web/react/components/file_upload_overlay.jsx') diff --git a/web/react/components/file_upload_overlay.jsx b/web/react/components/file_upload_overlay.jsx index 28d66d817..f35556371 100644 --- a/web/react/components/file_upload_overlay.jsx +++ b/web/react/components/file_upload_overlay.jsx @@ -7,7 +7,7 @@ module.exports = React.createClass({ overlayType: React.PropTypes.string }, render: function() { - var overlayClass = 'file-overlay invisible'; + var overlayClass = 'file-overlay hidden'; if (this.props.overlayType === 'right') { overlayClass += ' right-file-overlay'; } else if (this.props.overlayType === 'center') { -- cgit v1.2.3-1-g7c22