Godofbrowser/vuejs-dialog

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

symonsoft opened this issue · 2 comments

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...

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

Nope =(