Hacking the desktop view on mobile


  • BINNED

    Continuing the discussion from Quoting broken on Windows Phone 8:

    @aliceif said:

    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.


  • BINNED

    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)?



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


Log in to reply
 

Looks like your connection to What the Daily WTF? was lost, please wait while we try to reconnect.