New Persona Mobile Menus

PitaJ

Hello, everyone!

As you may have noticed, we've made some changes to our flagship Persona theme. On mobile, the slideout menu is now on the left to match with the convention on native phone UIs. We've also moved chats into a separate slideout menu on the right side, so it is now much easier to see how many unread messages you have.

To accomplish these changes, we moved from the existing slideout menu library, Slideout.js, to a brand new, custom built slideout menu library, which we plan on releasing as a separate module soon.

This was a large change, and we want to ensure the functionality and behavior of the menus are flawless. So, we're asking for your feedback. Please reply with any bugs or concerns, thanks!

Child Themes

This Persona change is a breaking change for child themes. To adapt your child theme to the new Persona, you will need to do the following after this new version of Persona is released:

if overriding the partials/menu or header templates, update them to include the changes
add the slit.js file to the modules property of theme.json, and remove slideout.js from the scripts
if using your own client-side JS library instead of the one shipped with Persona, you'll need to implement the same changes made to persona.js

If you wish to keep the old version of the menus, you will need to do this instead:

copy the partials/menu and header templates from Persona so your theme overrides them
copy persona.js and slideout.js to your theme and include them in your scripts if you aren't using custom versions already

Known issues

It appears that the Recent Cards plugin incorrectly set the marker telling the slideout menus to ignore touch moves on the cards. This has been fixed and will be released in a new version soon.

evoixmr

@PitaJ I'm using 1.5.1 mobile menu is still on the right. Is this for the 1.6.0?

PitaJ

@evoixmr it's not released yet. We're testing here first to avoid shipping bugs.

evoixmr

Swipe is not as responsive as the previous version, its take multuple swipe on galaxy S5 with chrome for it to work.

The top logo bar can also be dragged down when scrolling real slow.

evoixmr

The bottom bar with reply count can also be dragged up on slow scroll.

PitaJ

@evoixmr thanks for the reports. I think I've fixed these issues. I've updated Persona again on this forum, so if you'd like to again try to reproduce those issues, I'd appreciate it.

evoixmr

@PitaJ Looks like you fixed the issue, the swipe is more responsive too.

JaredBusch

I get you had a reason, but this really affects single hand usability IMO.

I typically have my device in my right hand and this new location makes it nearly impossible to get the menu open with using my left hand also.

I don't have an answer, but I can certainly say I do not like it.

PitaJ

@JaredBusch you can swipe from almost half of the screen.

JaredBusch

@PitaJ said in New Persona Mobile Menus:

@JaredBusch you can swipe from almost half of the screen.

This is not my experience on my iPhone 7 running iOS 10.3.2.

PitaJ

@JaredBusch I don't know what to tell you. It should be 40% of the screen.

JaredBusch

@PitaJ said in New Persona Mobile Menus:

@JaredBusch I don't know what to tell you. It should be 40% of the screen.

I should have been more clear.

It works, but it is not consistent when reaching with the thumb of the right hand.

Most of the time it interprets the action as a page back.

PitaJ

@JaredBusch in that case, I'll consider adding a way to switch the sides of the menus. I'll probably add it to the user settings page.

evoixmr

@PitaJ Like I said on the other thraed. Option on admin ACP would be nice.

Menu - Lert, Right or fallback to 1.x.x

exodo

good job, seems to work very nice
only problem with chats one is it appears the date of each chat and then dissapears