UI Bug: Backspace button is off-center in portrait mode, and too big in landscape

[realeatham]

Describe the bug See images

Screenshots

Smartphone (please complete the following information):

• Device: S21
• OS: OneUI 6/ Android 14 (do you want the android version or the OEM ROM version? Instruction unclear)
• Version: App version 2.5

Additional context Add any other context about the problem here.

[sosauce]

Okay will work on it, also note that OneUI is not an OS, just a skin, Android 14 is an OS 😉

[realeatham]

Ok thanks , Also I said the skin version on purpose as I wasn't sure which one you wanted.

[sosauce]

Oh okay, yeah it's always good to give me the skin version, I got some bugs on realme UI that I didn't get on HyperOS (basically MIUI)

[realeatham]

It got worse

[sosauce]

oof, I don't get this so it's hard for me to know if its fixed

[realeatham]

Ok. Could be related to the screen, font and zoom sizes maybe? I'll try different combinations.

[realeatham]

I can confirm it still happens with default and minimum settings let's you.(I use an app to lower it more)

[sosauce]

Maybe because its actually an image, I converted it back to text maybe it should solve the issue

If you wanna test on your device change to this :

                Button(
                    onClick = {
                        viewModel.handleAction(CalcAction.RemoveLast)
                        if (buttonVibrationEnabledState.value) {
                            vibration()
                        }
                    },
                    colors = ButtonDefaults.buttonColors(MaterialTheme.colorScheme.tertiaryContainer),
                    modifier = Modifier
                        .weight(0.15f)
                ) {
                    Text(
                        text = "⌫",
                        color = MaterialTheme.colorScheme.onBackground,
                        fontSize = 35.sp,
                        fontFamily = GlobalFont,
                        modifier = Modifier.align(Alignment.CenterVertically)
                    )
                }

[realeatham]

It did not work at all

[realeatham]

The font does not support it

[realeatham]

I just checked Google fonts

[realeatham]

A separate font which supports this icon will have to be used for it only.

[realeatham]

Maybe the system font could be used?

[realeatham]

Segoe UI Symbol has a nice icon for it

[sosauce]

dang I was searching a font with a nice icon for it, others were ugly, thanks

[sosauce]

You have a S21 with a 6"1 1080 x 2400 screen right ? I'm gonna create an emulator with ur screen size to get a more accurate representation

[sosauce]

It did not work at all

Also, the code snippet was for landscape layout ;) mb for not saying

[realeatham]

You have a S21 with a 6"1 1080 x 2400 screen right ? I'm gonna create an emulator with ur screen size to get a more accurate representation

Probably, that's what Google said.

Keep in mind that I have screen zoom set to minimum and font size set to 0.6 using https://github.com/zacharee/Tweaker

[sosauce]

Ohhhh okay I see, that prolly influences some things. I'll keep in mind

[realeatham]

I did try it with default but it still happened, just less bad.

[sosauce]

I've changed it to a Text anyways, so it should scale like other buttons since they also use text

[realeatham]

Can you commit that?I will test in a bit

[sosauce]

Sorry was out, yes sure

[realeatham]

its fixed as of the latest github commits

[sosauce]

Okay, re open if needed