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

Aemie commented on CAMEL-14958:
-------------------------------

[~zregvart] no I am not asking that. What I am asking is when the side menu 
panel is open and you open the navbar menu, the navbar menu is overlayed on top 
of the menu panel. In that way, if the navbar is open and I try to search, the 
search results should overlay the navbar right?

 

So I am asking whether it is the best choice to make the z-index of search 
greater than that of the navbar menu for the small width screen? 

> Suggestion on search bar within smaller screen width.
> -----------------------------------------------------
>
>                 Key: CAMEL-14958
>                 URL: https://issues.apache.org/jira/browse/CAMEL-14958
>             Project: Camel
>          Issue Type: Improvement
>          Components: website
>            Reporter: Aemie
>            Priority: Major
>              Labels: outreachy2020, suggestions
>         Attachments: bootstrap-design-blog.png, 
> bootstrap-design-frontpage.png, design-frontpage.png, design-navbar.png, 
> inline-search.png, nav-search-icon-1220.png, nav-searchbar-1220.png, 
> nav-searchbar-414.png, navbar-search-414.png, navbar-searchbar.png
>
>
> Within the small width screen, the setting is to only display the social icon 
> button as of now. However, I thought it would be a good idea to include the 
> search icon alongside the social button icons. On click of the social button 
> icons, we could include animation, for instance, a fade-in effect of the 
> search bar occupying the entire navbar. The user can do the search as 
> required. On the left side of the search bar, there will be back arrow, which 
> on click would give us the original navbar look with a fade-out effect.
> Before I start working on this, I would like an opinion about this idea.
>  



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

Reply via email to