dc/ng2-file-upload
4
0
Fork 0
Code Issues 395 Pull Requests 27 Packages Projects Releases 4 Wiki Activity

feature request: change css on drop over #16

New Issue
Open
opened 2016-01-11 01:40:22 +00:00 by born2net · 11 comments
born2net commented 2016-01-11 01:40:22 +00:00 (Migrated from github.com)
Copy Link
Copy Source

when mouse over drop zone, I recommend changing CSS to modify dropzone style

nice project

I will integrate into: http://ng2.javascriptninja.io

when mouse over drop zone, I recommend changing CSS to modify dropzone style nice project I will integrate into: http://ng2.javascriptninja.io
valorkin commented 2016-01-11 09:54:42 +00:00 (Migrated from github.com)
Copy Link
Copy Source

any specific CSS? may be PR to show what do you proposing?

any specific CSS? may be PR to show what do you proposing?
valorkin commented 2016-01-11 09:55:09 +00:00 (Migrated from github.com)
Copy Link
Copy Source

check more projects here: https://github.com/valor-software/ng2-plans

check more projects here: https://github.com/valor-software/ng2-plans
born2net commented 2016-01-11 19:09:03 +00:00 (Migrated from github.com)
Copy Link
Copy Source

like the way gmail does it is cool... as soon as u hover over target u get:

drop

like the way gmail does it is cool... as soon as u hover over target u get: ![drop](https://cloud.githubusercontent.com/assets/5090936/12243491/b5770774-b853-11e5-886d-68db07705cb4.png)
tgrecojs commented 2016-01-20 08:57:57 +00:00 (Migrated from github.com)
Copy Link
Copy Source

@valorkin I can get to work on this asap if no one is on it so let me know. Thanks!

@valorkin I can get to work on this asap if no one is on it so let me know. Thanks!
valorkin commented 2016-01-20 09:11:33 +00:00 (Migrated from github.com)
Copy Link
Copy Source

I will be grateful if you can create PR for this :)

On Wed, 20 Jan 2016 10:57 Tom Greco notifications@github.com wrote:

@valorkin https://github.com/valorkin I can get to work on this asap if
no one is on it so let me know. Thanks!

—
Reply to this email directly or view it on GitHub
https://github.com/valor-software/ng2-file-upload/issues/16#issuecomment-173133804
.

I will be grateful if you can create PR for this :) On Wed, 20 Jan 2016 10:57 Tom Greco notifications@github.com wrote: > @valorkin https://github.com/valorkin I can get to work on this asap if > no one is on it so let me know. Thanks! > > — > Reply to this email directly or view it on GitHub > https://github.com/valor-software/ng2-file-upload/issues/16#issuecomment-173133804 > .
kfbishop commented 2016-01-20 13:51:44 +00:00 (Migrated from github.com)
Copy Link
Copy Source

I've made this change as well. I'll package up my changes as a PR for review.

I've made this change as well. I'll package up my changes as a PR for review.
born2net commented 2016-01-20 14:17:20 +00:00 (Migrated from github.com)
Copy Link
Copy Source

great!

great!
valorkin commented 2016-01-20 14:37:25 +00:00 (Migrated from github.com)
Copy Link
Copy Source

awesome! waiting for it!

awesome! waiting for it!
kfbishop commented 2016-01-20 15:47:07 +00:00 (Migrated from github.com)
Copy Link
Copy Source

Sorry, getting pulled into an issue, and cant break down my changes into a PR right now. Here's my extended "ImageUpload" widget, that does what you want (i think).

sample imageupload dnd

Component Source:
imageUpload_src.zip

Open issue I need to resolve:

  • uploaded image not showing in preview
  • clicking on image opens it full size in new window, which needs to be done as a model
  • Need to make border red if not valid image type from filter
Sorry, getting pulled into an issue, and cant break down my changes into a PR right now. Here's my extended "ImageUpload" widget, that does what you want (i think). ![sample imageupload dnd](https://cloud.githubusercontent.com/assets/300008/12453764/b7c48004-bf62-11e5-9dd4-567877bdf065.gif) Component Source: [imageUpload_src.zip](https://github.com/valor-software/ng2-file-upload/files/97639/imageUpload_src.zip) Open issue I need to resolve: - uploaded image not showing in preview - clicking on image opens it full size in new window, which needs to be done as a model - Need to make border red if not valid image type from filter
born2net commented 2016-01-20 21:06:25 +00:00 (Migrated from github.com)
Copy Link
Copy Source

GREAT!!!

GREAT!!!
fojt commented 2016-05-12 22:05:50 +00:00 (Migrated from github.com)
Copy Link
Copy Source

https://github.com/valor-software/ng2-file-upload/tree/development/demo/components/file-upload/zs-file-demo just change css to this:
styles: [':host {border:1px solid black; padding:59px;display: block;}' +
':host.hover {border: 3px solid green;}']
and after it @HostBinding('class.hover') will do its job.

https://github.com/valor-software/ng2-file-upload/tree/development/demo/components/file-upload/zs-file-demo just change css to this: styles: [':host {border:1px solid black; padding:59px;display: block;}' + ':host.hover {border: 3px solid green;}'] and after it @HostBinding('class.hover') will do its job.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
dependencies
Pull requests that update a dependency file
 duplicate
enhancement
greenkeeper
help wanted
in progress
invalid
need to reproduce
question
status: pending
wontfix
No labels enhancement help wanted
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
allan (Allan) medjedovic (Mihajlo Medjedovic) root sabhas (Sabir Hassan)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: dc/ng2-file-upload#16