Skip to content

On browser's screen taller then 700px custom dialogs look bad #47

New issue

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

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

Already on GitHub? # to your account

Open
symonsoft opened this issue Nov 7, 2018 · 2 comments
Open

On browser's screen taller then 700px custom dialogs look bad #47

symonsoft opened this issue Nov 7, 2018 · 2 comments

Comments

@symonsoft
Copy link

Custom dialog goes to top hiding its upper side behind the screen. I guess it happens because:

@media all and (max-height: 700px) {
.dg-content-cont--floating {
    position: relative;
    top: 10%;
    -webkit-transform: none;
            transform: none;
    margin-top: 0;
}

and on the screens taller than 700px it switches to absolute position with transform:

.dg-content-cont--floating {
  position: absolute;
  top: 35%;
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
  margin-top: 0;
}

And I cannot find the way to override it...

@Godofbrowser
Copy link
Owner

Godofbrowser commented Nov 28, 2018

Hi @symonsoft , were you able to find a solution/workaround?

@symonsoft
Copy link
Author

Nope =(

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

No branches or pull requests

2 participants