View Issue Details
|ID||Project||Category||View Status||Date Submitted||Last Update|
|0019995||phpList 3 application||Theme - Trevelin||public||20-06-19 17:02||19-07-19 14:42|
|Priority||normal||Severity||minor||Reproducibility||have not tried|
|Target Version||3.4.4||Fixed in Version||3.4.4|
|Summary||0019995: Prototype of the navigation menu/sub-menus on Travelin theme|
|Description||Here is the prototype of the menu/sub-menu navigation on Travelin theme:|
(for the sake of the demonstration, Dashboard and Subscribers page are working only)
And here is how it works: When the user hovers a main menu item, the sub-menu expands in the right side, this way the user navigates through with only one click.
When the user hovers a sub-menu item the text of the the sub-menu turns the color in to orange #FF9966 (Adobe XD currently doesn't supports a hover state).
When the user clicks a sub-menu item, the sub-menu expands underneath the main menu and the desired page loads in the right side (active sub-menu item, text color turns in to white).
When an item of the sub-menu is active the hover state of the parent is inactive. All the other main menu items can hover.
All main menu items (that have a sub-menu), can't be directly clicked, only hovered, this way preventing to prioritize one sub-menu item over another when clicked.
|Tags||No tags attached.|
||@rudolf the contrast of the horizontal sub menu items is low and not easy to read (light grey on dark grey). Could you find a way to increase it?|
||@samtuke, I increased the contrast of the inactive menus. The hover menu is supposed to change color to orange. Here is an attach of the preview with hover effect:|
||@rudolf Seems like it's hard to make the hover effects work in XD?|
@samtuke, hover effect is not currently supported by Adobe XD.
||Thanks, this looks resolved to me then. The prototype is ready for whoever wishes to implement the menu improvement outlined in 0019858|