Adjust UI on mobile

[Gryzor 27]

So, on my tablet flyout menus like the speed adjustment menus appear like this:

 

 

Perfectly acceptable and usable.

 

Then on my phone I get this:

What gives? Is there a way to adopt the tablet menus on a phone? Can you adjust it so it doesn't take up almost the entire screen?

[Luke 42077]

Hi, we’ll look at improving it but on smaller screens yes generally they go near full screen

[Gryzor 27]

Crossing fingers. A small one like the tablet fly out, even with some transparency, would be really better instead of hiding the entire playback area...

[Luke 42077]

1 hour ago, Gryzor said:

Crossing fingers. A small one like the tablet fly out, even with some transparency, would be really better instead of hiding the entire playback area...

What device are you on?

[Gryzor 27]

1 minute ago, Luke said:

What device are you on?

Pixel 7 Pro , 2340x1080, 512ppi (custom density)

[Luke 42077]

As a test, how does it compare without the custom density?

[Gryzor 27]

13 minutes ago, Luke said:

As a test, how does it compare without the custom density?

The default is lower than that so I wouldn't expect any difference, but I did try it and same result...

[Luke 42077]

Does it also happen with the device in portrait?

[Luke 42077]

And by the way is that the web app or our android app?

[Gryzor 27]

The Android app (on latest beta). 

 

Here's portrait mode.

Edited December 12, 2024 by Gryzor

[Luke 42077]

How does the web app compare in full screen mode?

[Gryzor 27]

Same as app: 

 

[Luke 42077]

OK we'll take a look at it. Thanks.

[Gryzor 27]

My pleasure. Anything else, glad to help. 

 

(Btw previous screenshot was not full screen, but it's the exact same when in full screen, too)

[Gryzor 27]

Any chance this is getting considered? 

Also, a question - how does the app differentiate between phone and tablet? My phone has a greater resolution than my tablet and still it appears awful like I described above. Any way to force it to think it's a tablet?

[Happy2Play 9780]

3 minutes ago, Gryzor said:

Any way to force it to think it's a tablet?

Well they are the same but have you looked at display mode?

But yes the differences you see will come back to Resolution as similar can be reproduce in web client.  

As display height triggers change.   Have not found the exact css yet but haven't looked to much either.

 

 

[Gryzor 27]

Yup, I've played with this option, it doesn't make any difference (and, mobile and tablet being bundled as one option I wasn't expecting much!).

It's such a small thing, but it's driving me crazy

[Happy2Play 9780]

Looks like it is this min-height code here that triggers the difference overriding the inline code.

@media not all and (min-width: 37em), not all and (min-height: 37em) {
    .dialog-fullscreen-lowres-autoheight {
        top: initial !important;
        max-height: 72% !important;
        max-height: calc(100% - 4em - env(safe-area-inset-top, 0)) !important;
        min-height: 15em !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important;
    }
}

But yes there have been a few topics on this scaling/resolution issue.

So using the inline code and making it important overrides the code above.  But as always custom css only applies to the web client not any device client or online client.

div.dialog-fullscreen-lowres-autoheight {
    position: fixed!important;
    left: 1542.68px!important;
    bottom: 32px!important;
    max-height: calc(98% - 32px - env(safe-area-inset-bottom, 0))!important;
}

 

[Luke 42077]

It should only be at really low resolutions that you see this.

[Gryzor 27]

14 minutes ago, Luke said:

It should only be at really low resolutions that you see this.

Which version is "this"?

[Luke 42077]

19 minutes ago, Gryzor said:

Which version is "this"?

What version number are you running?

[Gryzor 27]

48 minutes ago, Luke said:

What version number are you running?

No,I meant, you said "that you see THIS", so I was asking what "this" means 

 

In any case, I'm running version 3.4.36.

[Luke 42077]

"this" meaning the dialog taking over the whole screen.

[Gryzor 27]

Ah ok. Yes indeed.