You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@camel.apache.org by "ASF GitHub Bot (Jira)" <ji...@apache.org> on 2020/08/06 18:48:00 UTC

[jira] [Commented] (CAMEL-15140) Improve Main Menu for Mobile Screens

    [ https://issues.apache.org/jira/browse/CAMEL-15140?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17172610#comment-17172610 ] 

ASF GitHub Bot commented on CAMEL-15140:
----------------------------------------

aashnajena opened a new pull request #451:
URL: https://github.com/apache/camel-website/pull/451


   In this PR I have :
   - Removed the "About" menu-item from the header, because it now present in the footer
   - Changed header.hbs and header.html layout files to remove code for sub-menus
   - Removed styling for submenus (.navbar-dropdown class is no longer required)
   - Changed the design of the main menu on smaller screens as discussed on the JIRA issue.
   
   Here's how it looks for smaller screens in landscape and portrait mode respectively :
   
   ![image](https://user-images.githubusercontent.com/32356795/89569755-cdc67d00-d842-11ea-93de-6e66bbfc9c2a.png)
   
   ![image](https://user-images.githubusercontent.com/32356795/89569805-dfa82000-d842-11ea-8513-81c5a83f9ff3.png)
    


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


> 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: Mockup-7.png, community-section#1.png, community-section#2.png, community-section#3.png, design-frontpage.png, design-navbar.png, image-2020-06-07-13-23-24-957.png, 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, mobile-menu-mockup-6.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)