feature request: change css on drop over #16

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)

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)

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)
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)

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)

@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)

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)

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)

great!

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

awesome! waiting for it!

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

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)

GREAT!!!

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

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.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: dc/ng2-file-upload#16