Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lightbox Fluid width / height 100% #43

Closed
Jscott388 opened this issue Dec 13, 2017 · 1 comment · Fixed by #63
Closed

Lightbox Fluid width / height 100% #43

Jscott388 opened this issue Dec 13, 2017 · 1 comment · Fixed by #63

Comments

@Jscott388
Copy link

Setting the width and height too 100% doesn't work. I would like the lightbox to be full screen.

Using the fluid generator, light box will not appear.

@MurhafSousli
Copy link
Owner

MurhafSousli commented Dec 13, 2017

Hi @Jscott388 the fluid style in the generator does not work for the lightbox, in fact, the generator has some bugs at the moment, will fix them when I get the time.
For the now the lightbox uses fixed size, but I believe it is possible to make it fluid with some CSS
Try these:

.g-overlay {
   width: 100% !important;
   height: 100% !important;
}
gallery-lightbox {
   height: 100% !important;
   max-width: unset !important;
   max-height: unset !important;
}
gallery {
   height: 100% !important;
   display: flex !important;
}
gallery-main { 
   height: 100% !important;
   width: 100% !important;
}
.g-container {
   height: 100% !important;
   width: 100% !important;
}

I will add more fixes to make this possible out of the box in the future

@MurhafSousli MurhafSousli changed the title Fluid width / height 100% Lightbox Fluid width / height 100% Dec 13, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants