[ https://issues.apache.org/jira/browse/CAMEL-15140?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17127068#comment-17127068 ]
Zoran Regvart commented on CAMEL-15140: --------------------------------------- I think this is a good direction, I think the first option has the highest contrast so from accessibility it might be the best option. I like that the icons are large, we should consider increasing the sizes of other icons and the hamburger menu itself, perhaps by removing the "Apache Camel" text and having just the logo on smaller screens. I find the hamburger menu is pushed too much to the right side of the screen and all icons a bit too small at 375pt. I think we need to think about applying the same design choices to the front page and to the menu icons, right now on the front page we have icons with outline on white background, here we have filled icons on inverse background, I think we should choose one of those and apply it consistently (I would choose the latter for both). I think we should also take advantage of the vertical space to incorporate the menu (hamburger icon) on the second row along with the search similar to how it's done at https://getbootstrap.com/docs/, I left a comment about this on CAMEL-14958 as well. This could also allow the current icons we have (GitHub, Gitter, Twitter) to occupy more space and perhaps allow space for more icons (e.g. Stackoverflow). > Improve Main Menu for Mobile Screens > ------------------------------------ > > Key: CAMEL-15140 > URL: https://issues.apache.org/jira/browse/CAMEL-15140 > Project: Camel > Issue Type: Improvement > Components: website > Reporter: Aashna Jena > Priority: Major > Labels: outreachy2020 > Attachments: issue-mutation.png, mobile-menu-mockup-1.png, > mobile-menu-mockup-2.png, mobile-menu-mockup-3.png, mobile-menu-mockup-4.png, > mobile-menu-mockup-5.png, screenshot-1.png > > > Our current menu for mobile screens is a list of text items with a small > drop-down arrow, which don't really make for a good touch target. I like how > the facebook app displays menu items - they take up the full screen and each > menu item has an icon and text enclosed in a box-like structure. I also like > Amazon app's menu, where sub-menus replace the menu space instead of opening > up as drop-downs. I can post some mock-ups if we are open to changing the > design of the menu on mobile screens -- This message was sent by Atlassian Jira (v8.3.4#803005)