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

ASF GitHub Bot commented on CAMEL-14958:
----------------------------------------

AemieJ edited a comment on pull request #398:
URL: https://github.com/apache/camel-website/pull/398#issuecomment-646649037


   @zregvart Another method if we don't want to make use of two search divs, we 
could increase the height of the navbar and use the translate property of CSS 
to control it. What do you think about that?  
   
   
![transform-method](https://user-images.githubusercontent.com/44139348/85195030-d4c61a00-b2ec-11ea-8508-34894a46ee04.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 background image so 
it's easily overlayed. I was thinking of using the `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.


----------------------------------------------------------------
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:
us...@infra.apache.org


> 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)

Reply via email to