search

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

Center image #40

Open icruces opened 8 years ago

icruces commented 8 years ago

Hi, Great module. Is there anyway to configure it to display the images/videos in the center of the screen? I have some images too small and they appear on the top of the screen with just the 30px top margin given by bootstrap.

wintermute42 commented 8 years ago

I had the same problem. Now I center the image with CSS like this:

.modal-full {
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}