[jira] [Commented] (CAMEL-15238) Alternative & Minimal Navbar Menu Design For Desktop

["Aemie (Jira)" <ji...@apache.org>]

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

Aemie commented on CAMEL-15238:
-------------------------------

[~zregvart] in my opinion the current dropdowns are required honestly. Continuous navigation for those 2 dropdowns seems not like a good idea. Dropdowns are easy for the user to navigate. Also, I was looking through designs & I landed across one that caught my attention. I am putting the link here, [https://www.mockplus.com/?home=1 |https://www.mockplus.com/?home=1]

 

The reason I like this dropdown is it looks highly interactive and also if we are going to use the mock design for the navbar within the mobile screen, this design can seem consistent with it. So instead of color change on hover, we could use border-bottom and as there will be enough space (if we use the design style as shown in the link), we could include the icons as well on hover just use a text-underline or border-bottom. This manner will look neat, consistent and interactive in my opinion.

 

> Alternative & Minimal Navbar Menu Design For Desktop
> ----------------------------------------------------
>
>                 Key: CAMEL-15238
>                 URL: https://issues.apache.org/jira/browse/CAMEL-15238
>             Project: Camel
>          Issue Type: Improvement
>          Components: website
>            Reporter: Aemie
>            Priority: Major
>              Labels: outreachy2020
>         Attachments: dropdown-design.png
>
>
> The current dropdown menu is simple of course however, In my opinion, it can be made much more minimal, and much simpler CSS could be applied to beautify it.
> 1. The on-hover color change of the navbar items should be changed. Reasons can create a dizzy feeling on the continuous color change of text & also this method is rarely applied on any website. 
> An alternative approach to it - Just apply a border-bottom approach when hovering over navbar menu items. Also when hovered around the ones with a dropdown menu, rotate it by 135 deg with the transition. Many websites including Github, Myntra, etc use this technique.
>  
> 2. For the ones with the dropdown menu on hover over navbar items, it has really less width and when you navigate through the dropdown items, you observe that there is a gray background color. Personally, I don't think it suits the design.
>  
> An alternative approach to it - Increase the width and while hovering over the dropdown menu items, just increase its font-weight to provide the effect.
>  
> This is the preview of how the design would be.
>  
> !dropdown-design.png!
>  
>  



--
This message was sent by Atlassian Jira
(v8.3.4#803005)