feature request: change css on drop over

valor-software / ng2-file-upload

Easy to use Angular components for files upload

http://valor-software.github.io/ng2-file-upload/

MIT License

1.91k stars 661 forks source link

feature request: change css on drop over #16

Open born2net opened 8 years ago

born2net commented 8 years ago

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 8 years ago

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

valorkin commented 8 years ago

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

born2net commented 8 years ago

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

drop

tgrecojs commented 8 years ago

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

valorkin commented 8 years ago

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 8 years ago

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

born2net commented 8 years ago

great!

valorkin commented 8 years ago

awesome! waiting for it!

kfbishop commented 8 years ago

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

born2net commented 8 years ago

GREAT!!!

fojt commented 8 years ago

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.