[
https://issues.apache.org/jira/browse/CAMEL-14958?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17140979#comment-17140979
]
Aemie commented on CAMEL-14958:
-------------------------------
[~zregvart] [~delawen] [~aashnajena] There has been a discussion on PR to not
make use of two separate divs to achieve the search design. [~zregvart]
suggested the idea of using order as CSS property to use, however, there was a
loophole in it as discussed in the PR but was clever so I thought of using a
single CSS property to achieve the same design and I landed up with the
translate property of CSS, there are some permanent values to tweak.
!transform-method.png!
In this, I just tweaked the translate values to achieve this. I am aware the
logo isn't visible but the reason is the logo is used as a background image so
it's easily overlayed. I was thinking of using them {{img}} within the {{a}}
tag for it to be visible but I plan to make changes if you're comfortable with
the use of transform property of CSS alone. What are your opinions on it?
> 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, transform-method.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)
