diff options
| author | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-12 14:12:17 -0700 |
|---|---|---|
| committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-12 14:27:44 -0700 |
| commit | 14c121dc0cccdd36f97b0b13cde6dd3a5802bb9e (patch) | |
| tree | 53864d1443a4415b4fd0fb1379c1f73dd51f1eca /web/react/components/file_upload.jsx | |
| parent | 0f1c9917271d8e28c55b8d930ac9057ef19e5862 (diff) | |
| download | chat-14c121dc0cccdd36f97b0b13cde6dd3a5802bb9e.tar.gz chat-14c121dc0cccdd36f97b0b13cde6dd3a5802bb9e.tar.bz2 chat-14c121dc0cccdd36f97b0b13cde6dd3a5802bb9e.zip | |
Implements better markup for css changes to be made, including an overlay of the dropzones and help pic/text
Diffstat (limited to 'web/react/components/file_upload.jsx')
| -rw-r--r-- | web/react/components/file_upload.jsx | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/web/react/components/file_upload.jsx b/web/react/components/file_upload.jsx index 641a888c7..adf0a9fa8 100644 --- a/web/react/components/file_upload.jsx +++ b/web/react/components/file_upload.jsx @@ -144,26 +144,32 @@ module.exports = React.createClass({ if (this.props.postType === 'post') { $('.app__content').dragster({ enter: function(dragsterEvent, e) { - $('.app__content').addClass('center-file-overlay'); + $('.center-file-overlay').removeClass('invisible'); + $('.center-file-overlay').addClass('visible'); }, leave: function(dragsterEvent, e) { - $('.app__content').removeClass('center-file-overlay'); + $('.center-file-overlay').removeClass('visible'); + $('.center-file-overlay').addClass('invisible'); }, drop: function(dragsterEvent, e) { - $('.app__content').removeClass('center-file-overlay'); + $('.center-file-overlay').removeClass('visible'); + $('.center-file-overlay').addClass('invisible'); self.handleDrop(e); } }); } else if (this.props.postType === 'comment') { $('.post-right__container').dragster({ enter: function(dragsterEvent, e) { - $('.post-right__container').addClass('right-file-overlay'); + $('.right-file-overlay').removeClass('invisible'); + $('.right-file-overlay').addClass('visible'); }, leave: function(dragsterEvent, e) { - $('.post-right__container').removeClass('right-file-overlay'); + $('.right-file-overlay').removeClass('visible'); + $('.right-file-overlay').addClass('invisible'); }, drop: function(dragsterEvent, e) { - $('.post-right__container').removeClass('right-file-overlay'); + $('.right-file-overlay').removeClass('visible'); + $('.right-file-overlay').addClass('invisible'); self.handleDrop(e); } }); |