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