[
https://issues.apache.org/jira/browse/CAMEL-14958?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17140222#comment-17140222
]
ASF GitHub Bot commented on CAMEL-14958:
----------------------------------------
AemieJ commented on pull request #398:
URL: https://github.com/apache/camel-website/pull/398#issuecomment-646442106
> @AemieJ I've created [this JSFiddle](https://jsfiddle.net/ry2Lhwtd/) to
illustrate how this can be done with CSS only. The key is that in flex layout
you can specify the order of the elements and that a break can be forced after
an element pushing the search div to the second row.
I tried using the method you described in jsfiddle. However, in the output,
I observed that at a point it will only push down when there is no more space
to be accommodated in the main navbar. I observed at a point where only the
navbar is pushed down and the search bar is after the social icon due to
ordering, I don't think we want that kind of behavior.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
> 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, issue-facing.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)
