diff --git a/app/assets/javascripts/app/lib/fileuploader.js b/app/assets/javascripts/app/lib/fileuploader.js index b4eac37e4..6da5d90b3 100644 --- a/app/assets/javascripts/app/lib/fileuploader.js +++ b/app/assets/javascripts/app/lib/fileuploader.js @@ -485,8 +485,8 @@ qq.FileUploader = function(o){ listElement: null, template: '
' + - '
Drop files here to upload
' + - '
Upload a file
' + + '
Drop to attach files
' + + '
Attach files
' + '' + '
', @@ -549,7 +549,8 @@ qq.extend(qq.FileUploader.prototype, { }, _setupDragDrop: function(){ var self = this, - dropArea = this._find(this._element, 'drop'); + dropArea = this._find(this._element, 'drop'), + button = this._find(this._element, 'button'); var dz = new qq.UploadDropZone({ element: dropArea, @@ -565,6 +566,7 @@ qq.extend(qq.FileUploader.prototype, { }, onDrop: function(e){ dropArea.style.display = 'none'; + button.style.display = 'inline-block'; qq.removeClass(dropArea, self._classes.dropActive); self._uploadFileList(e.dataTransfer.files); } @@ -575,7 +577,8 @@ qq.extend(qq.FileUploader.prototype, { qq.attach(document, 'dragenter', function(e){ if (!dz._isValidFileDrag(e)) return; - dropArea.style.display = 'block'; + dropArea.style.display = 'block'; + button.style.display = 'none'; }); qq.attach(document, 'dragleave', function(e){ if (!dz._isValidFileDrag(e)) return; @@ -583,7 +586,8 @@ qq.extend(qq.FileUploader.prototype, { var relatedTarget = document.elementFromPoint(e.clientX, e.clientY); // only fire when leaving document out if ( ! relatedTarget || relatedTarget.nodeName == "HTML"){ - dropArea.style.display = 'none'; + dropArea.style.display = 'none'; + button.style.display = 'inline-block'; } }); }, diff --git a/app/assets/stylesheets/fileuploader.css b/app/assets/stylesheets/fileuploader.css index 0e3f111a9..69d380f1c 100644 --- a/app/assets/stylesheets/fileuploader.css +++ b/app/assets/stylesheets/fileuploader.css @@ -1,21 +1,21 @@ .qq-uploader { position:relative; width: 100%;} .qq-upload-button { - display:block; /* or inline-block */ - width: 105px; padding: 7px 0; text-align:center; - background:#880000; border-bottom:1px solid #ddd;color:#fff; + /*display:block; /* or inline-block */ + /*width: 105px; padding: 7px 0; text-align:center; + background:#880000; border-bottom:1px solid #ddd;color:#fff;*/ } .qq-upload-button-hover {background:#cc0000;} .qq-upload-button-focus {outline:1px dotted black;} .qq-upload-drop-area { - position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; - background:#FF9797; text-align:center; + /*position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; + background:#FF9797; text-align:center; */ } .qq-upload-drop-area span { - display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; + /*display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;*/ } -.qq-upload-drop-area-active {background:#FF7171;} +.qq-upload-drop-area-active {} .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;} .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}