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

Option / plugin to place modal vertically centered #166

Open
drublic opened this issue Nov 2, 2014 · 2 comments
Open

Option / plugin to place modal vertically centered #166

drublic opened this issue Nov 2, 2014 · 2 comments
Milestone

Comments

@drublic
Copy link
Owner

drublic commented Nov 2, 2014

This is a suggestion from issue #164.

@drublic drublic added this to the v.1.3.0 milestone Nov 19, 2014
@drublic drublic changed the title Option / plugin to please modal vertically centered Option / plugin to place modal vertically centered Nov 20, 2014
@drublic drublic modified the milestones: v1.4.0, v1.3.0 Jan 7, 2015
@jgadbois
Copy link
Contributor

I'd also like to see this

@jolidog
Copy link

jolidog commented Jul 8, 2016

With transforms2D this can easily be achieved. We make the top and left 50% and then bring it back with transform: translate(-50%, -50%). We don't even care what the width or height of the modal is, it will be perfectly centered.

The issue it raises is the placement of the close button, but that could be solved by having the close button separate from modal background, they could both be links with the same behaviour.
The close button would inside the header or wherever users want to place it.

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

No branches or pull requests

3 participants