Skip to content
This repository has been archived by the owner on Aug 26, 2023. It is now read-only.

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

Open
ferry1090 opened this issue Apr 16, 2022 · 1 comment
Open

Comments

@ferry1090
Copy link

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
Copy link

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants