peterfreeman / ngx-dropzone

A highly configurable dropzone component for Angular.
133 stars 58 forks source link

Dropdown Area not Responsive, Image Getting Smaller & Not Scrollable #149

Open ferry1090 opened 2 years ago

ferry1090 commented 2 years ago

Good Day Sir,

First of all, thank you for your amazing work, this is really helpful for us developer. I have some problem, might need your advise on this.

So I'm running Angular 12, and then I also use Tailwind css for my design. When I install this library and follow your sample link, I am not sure why, but mine did not appear responsive.

My issue:

  1. When I try to add the image, the dropdown down area will retain same, not scroll.
  2. When I try to add the image, the image will keep getting smaller, but when I check your sample, yours did not. link
  3. When I try to add the image, the remove button is not on point corner right. link

So to solve issue 1 and 2, I try to add this code in my scss, and it works but issue 3 happened.

.custom-dropzone {
  height: 250px;
  margin: 20px;
}

::ng-deep ngx-dropzone-image-preview img {
  min-width: 300px !important;
  min-height: 200px !important;
  max-width: 300px !important;
  max-height: 200px !important;
  width: 100% !important;
}

May I get your help on my issue, Thank you very much.

technbuzz commented 2 years ago

This shouldn't be the case because as per the stylings of the remove badge, it has to appear on top right cornet with the offset of 5px. image