vuejs-dialog icon indicating copy to clipboard operation
vuejs-dialog copied to clipboard

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

Open symonsoft opened this issue 6 years ago • 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...

symonsoft avatar Nov 07 '18 07:11 symonsoft

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

Godofbrowser avatar Nov 28 '18 01:11 Godofbrowser

Nope =(

symonsoft avatar Nov 29 '18 16:11 symonsoft