[
https://issues.apache.org/jira/browse/CAMEL-14958?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17133522#comment-17133522
]
Aemie commented on CAMEL-14958:
-------------------------------
[~zregvart] [~delawen] I wanted to ask regarding the breakpoints, currently
there are three breakpoints, < 1024, 1024 - 1275, >=1275 and I think we need to
be consistent with the website and keep only 2 breakpoints one with the navbar
burger with the design as show and one with the default design tho with bigger
icons. So how do you want to approach this, currently, for width >= 1275, the
default design fits perfectly. So I thought it's best to keep the breakpoint at
1275 where the design I showed would be for < 1275 width size. What are your
opinions?
> 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)
