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

María Arias de Reyna commented on CAMEL-15238:
----------------------------------------------

I like the simplicity, I agree. Your snapshot looks great. 

Just make sure long menu lines don't break on hover (because they get too big 
and don't fit). On the example I see there's plenty of space, but I am not sure 
about the rest of the menus. 

> 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)

Reply via email to