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

vcenter does not work with scale #188

Open
lverre opened this issue Oct 28, 2015 · 2 comments
Open

vcenter does not work with scale #188

lverre opened this issue Oct 28, 2015 · 2 comments

Comments

@lverre
Copy link

lverre commented Oct 28, 2015

When using class="vcenter" and deck.scale, the element is being crazily scaled.
For example, I have a

<div class="deck-container">
    <section class="slide" id="Title">
        <h2 class="vcenter">My Title</h2>
    </section>
    ...
</div>

The slide gets scaled by a factor of 20 in my screen (small laptop screen) and I can barely see the title at the bottom of the screen.
It seems that this is caused by the vcenter class that has "position:absolute" which causes the element's height to be 0.

@imakewebthings
Copy link
Owner

@lverre Can you show this to me in an example?

@lverre
Copy link
Author

lverre commented Oct 28, 2015

Here's a working example: http://codepen.io/anon/pen/OyZZrr#0

Note that the issue shows only for the first slide. The following slides appear to ignore vcenter.

Note also that if I add a transition css, I do not have the issue anymore.

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

No branches or pull requests

2 participants