matomo-mobile-2 icon indicating copy to clipboard operation
matomo-mobile-2 copied to clipboard

Left menu on iOS misplaced when you open it in portrait mode and then change it to landscape.

Open tsteur opened this issue 1 year ago • 4 comments

image

I tried fixing this for 2 hours, including using ListViews etc but couldn't work around it. It partially works when using extendSafeArea:true on the left menu window, but then the labels have a huge padding/margin to the left. The labels start where the round corners of the phone is no longer there. image

tsteur avatar Mar 16 '23 00:03 tsteur

a very quick fix would be: https://github.com/matomo-org/matomo-mobile-2/blob/master/app/styles/report_chooser_row.tss#L21 left: -40 but only for landscape right (camera on the right). But I don't mind it looking like this as is has the same distance as holding it the other way round (camera on the left).

m1ga avatar Mar 16 '23 21:03 m1ga

You can use safeAreaPadding to get the correct width (its 57) but -40 will look fine

m1ga avatar Mar 16 '23 21:03 m1ga

Got it. Thanks for that @m1ga I didn't realise we're able to use negative values there

tsteur avatar Mar 16 '23 22:03 tsteur

btw: I'm not 100% sure why it doesn't extend if you add extendSafeArea:true I thought it would remove them on both sides: safe-areas-1

edit: perhaps defining the edges would help https://titaniumsdk.com/api/titanium/ui/ios/navigationwindow.html#properties_extendedges but I've never used that :smile:

m1ga avatar Mar 16 '23 22:03 m1ga