[jira] [Comment Edited] (CAMEL-14958) Suggestion on search bar within smaller screen width.

["Aemie (Jira)" <ji...@apache.org>]

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

Aemie edited comment on CAMEL-14958 at 5/27/20, 6:43 AM:
---------------------------------------------------------

[~aashnajena] Aashna, yes I do feel it will look quite clustered if put below the navbar and about the screen result width could be adjusted to the width of the search bar itself.

[~zregvart] Zoran, I have seen that PR, my only concern with that design is its accessibility. Also, if you take a look at the various websites including myntra, Amazon, the searn icon is present in the navbar itself as it can be easily accessed by the user on click. And if you put search embedded with the menu for smaller screen width, when you make a search, due to the light opacity of the search result box, it will make it look messy.


was (Author: aemie):
Aashna, yes I do feel it will look quite clustered if put below the navbar and about the screen result width could be adjusted to the width of the search bar itself.

Zoran, I have seen that PR, my only concern with that design is its accessibility. Also, if you take a look at the various websites including myntra, Amazon, the searn icon is present in the navbar itself as it can be easily accessed by the user on click. And if you put search embedded with the menu for smaller screen width, when you make a search, due to the light opacity of the search result box, it will make it look messy. 

> 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: image-2020-05-25-18-16-52-529.png, searchbar-outreachy.jpeg
>
>
> 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.
>  
> The representation would look similar to the diagram as shown.
>     !image-2020-05-25-18-16-52-529.png|width=326,height=166!
>  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)