[jira] [Comment Edited] (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=17151249#comment-17151249 ] 

Aemie edited comment on CAMEL-15238 at 7/4/20, 9:00 AM:
--------------------------------------------------------

[~zregvart] [~delawen]  I added a rough layout on the design (dropdown-design-x). Here, contributing is the one hovered on. The icons used in this are just temporary as I just wanted to create a layout before implementation. I am uncertain about the combination of the colors to suit in the dropdown ( I currently like the dropdown-design-4 ). However, would love to get your opinions on it.


was (Author: aemie):
[~zregvart] [~delawen]  I added a rough layout on the design (dropdown-design-x). Here, contributing is the one hovered on. The icons used in this are just temporary as I just wanted to create a layout before implementation. I am uncertain about the combination of the colors to suit in the dropdown. Thus, would love to get your opinions on it.

> 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-1.png, dropdown-design-2.png, dropdown-design-3.png, dropdown-design-4.png, 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)