CODEWITHSUNDEEP
angulartypescriptbootstrap-4angular6
Keerthi Reddy Yeruva
Keerthi Reddy Yeruva

Reputation: 889

When i add carousel in modal , close button is not working in angular 6

I want to add a carousel in a modal popup, so i have add carousel it is working fine.

But when tried to to close the model using close button , it is not working.

Link to stackblitz demo

gif of modal

Any suggestions on how to make work of close button?

Thanks in advance!

Upvotes: 1

Views: 733

Answers (1)

Irina Potapova
Irina Potapova

Reputation: 794

Please try to change css for prev/next arrows:

.carousel-control-next, .carousel-control-prev {
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}

top and transform will set arrow icon vertically centered. You can change these values easly depending on your needs. And now prev/next controls will have only 30px height. Hope it helps.

Upvotes: 2

Related Questions