Hacking the desktop view on mobile

Onyx

Continuing the discussion from Quoting broken on Windows Phone 8:

If a certain group of people gave a fuck about layout issues, Android in desktop mode on flagship phones would work pretty well.

But they refuse to make modal popups usable in that way of use (I have to landscape my phone and wait for the browser UI to hide in order to interact with certain popups).

I promised I'll look into this and then forgot. Can anyone using desktop layout on mobile confirm this covers the popup problems:

I still need to ad @media queries so it's not ready yet, but this was 3 lines of CSS...

Editor will require some JS methinks, but it should be fixable as well.

Onyx

Ok, current version that should not break anything but help with modals on mobile.

The numbers are a bit of an asspull (I tested with some device sizes at random), but should hopefully be sane while not breaking desktop:

@media screen and (max-width: 600px) {
    .bootbox.modal {
    	margin-left: -50%;
    	max-width: 100%;
    }
}

@media screen and (max-height: 600px) {
    .bootbox.modal {
        margin-top: -25%;
    }
}

Paging @PJH for testing stylesheet if possible (TDWTF default + these changes)?

riking

How about just setting bottom: inherit; top: 15px;?