@baris Perfect. Thanks
New Persona Mobile Menus
-
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,
, to a brand new, custom built slideout menu library, which we plan on releasing as a separate module soon.Slideout.js - A touch slideout navigation menu for your mobile web apps.
Slideout.js is a touch slideout navigation menu for your mobile web apps.
(slideout.js.org)
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/menuorheadertemplates, update them to include the changes - add the
slit.jsfile to themodulesproperty oftheme.json, and removeslideout.jsfrom thescripts - 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/menuandheadertemplates from Persona so your theme overrides them - copy
persona.jsandslideout.jsto your theme and include them in yourscriptsif 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.
- if overriding the
-
-
@evoixmr it's not released yet. We're testing here first to avoid shipping bugs.
-
@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.
-
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.
-
@JaredBusch you can swipe from almost half of the screen.
-
@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.
-
@JaredBusch I don't know what to tell you. It should be 40% of the screen.
-
@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.
-
@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.
-
good job, seems to work very nice
only problem with chats one is it appears the date of each chat and then dissapears -
J julian moved this topic from Announcements on
