You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@camel.apache.org by "Aemie (Jira)" <ji...@apache.org> on 2020/06/29 15:35:00 UTC
[jira] [Commented] (CAMEL-15238) Alternative & Minimal Navbar Menu
Design For Desktop
[ https://issues.apache.org/jira/browse/CAMEL-15238?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17147888#comment-17147888 ]
Aemie commented on CAMEL-15238:
-------------------------------
[~zregvart] [~delawen] what are your opinions on this?
> 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)