search

matomo-org / matomo-mobile-2

Matomo Mobile 2 App - The official Git repository! Liberating Web Analytics on the go!
https://matomo.org/mobile
Other
102 stars 31 forks source link

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

Open tsteur opened 1 year ago

tsteur commented 1 year ago
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
m1ga commented 1 year ago

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 commented 1 year ago

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

tsteur commented 1 year ago

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

m1ga commented 1 year ago

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: