ngx-dropzone
ngx-dropzone copied to clipboard
Dropdown Area not Responsive, Image Getting Smaller & Not Scrollable
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:
- When I try to add the image, the dropdown down area will retain same, not scroll.
- When I try to add the image, the image will keep getting smaller, but when I check your sample, yours did not. link
- 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.
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.
