Uploaded image for project: 'Camel'
  1. Camel
  2. CAMEL-14958

Suggestion on search bar within smaller screen width.

    XMLWordPrintableJSON

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: website
    • Estimated Complexity:
      Moderate

      Description

      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.

       

        Attachments

        1. transform-method.png
          5 kB
          Aemie
        2. nav-search-icon-1220.png
          16 kB
          Aemie
        3. nav-searchbar-414.png
          3 kB
          Aemie
        4. nav-searchbar-1220.png
          30 kB
          Aemie
        5. navbar-searchbar.png
          2 kB
          Aemie
        6. navbar-search-414.png
          10 kB
          Aemie
        7. issue-facing.png
          37 kB
          Aemie
        8. inline-search.png
          10 kB
          Aemie
        9. design-navbar.png
          12 kB
          Aemie
        10. design-frontpage.png
          63 kB
          Aemie
        11. bootstrap-design-frontpage.png
          61 kB
          Aemie
        12. bootstrap-design-blog.png
          52 kB
          Aemie

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                Aemie Aemie
              • Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: