compact / angular-bootstrap-lightbox

An AngularJS lightbox built using UI Bootstrap Modal.
http://compact.github.io/angular-bootstrap-lightbox/
MIT License
306 stars 134 forks source link

No blurred (black, opacity 0.5) background #13

Closed wollodev closed 9 years ago

wollodev commented 9 years ago

Modal-backdrop isn't correctly displayed. I think the height of 0px is to small and that's the reason why the whole background layer is missing.

Please compare bootstrap modal with your demo for proof.

Thank you.

magiccrafter commented 9 years ago

This is a problem introduced in Bootstrap version 3.3.1. Add the following to you styles and should fix this issue:

.modal-backdrop {
    bottom: 0;
}

Check this for details: angular-ui/bootstrap/issues/2970

mattuuh7 commented 9 years ago

@magiccrafter this works. For longer pages, i need to put it to

.modal-backdrop {
    bottom: -1000;
}

But it works. Thanks!

compact commented 9 years ago

This is fixed in Bootstrap 3.3.4. No need for the extra .modal-backdrop rule now.

mattuuh7 commented 8 years ago

thanks