Godofbrowser / vuejs-dialog

A lightweight, promise based alert, prompt and confirm dialog
MIT License
351 stars 111 forks source link

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

Open symonsoft opened 5 years ago

symonsoft commented 5 years ago

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 commented 5 years ago

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

symonsoft commented 5 years ago

Nope =(