matomo-mobile-2
matomo-mobile-2 copied to clipboard
Left menu on iOS misplaced when you open it in portrait mode and then change it to landscape.

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.
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).
You can use safeAreaPadding
to get the correct width (its 57) but -40 will look fine
Got it. Thanks for that @m1ga I didn't realise we're able to use negative values there
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:
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: