UI improvement of search box during transition on scrolling

[avinashbharti97]

As now on scrolling the page navigation-bar content size changes relatively from large to small but the search box remains same

i think it will look better if the size of seach box also changes relatively something like this

[kanishkarj]

Hey Id like to work on this

[quozl]

@avinashbharti97. I don't think it would look better. Can you explain why you think it would look better?

@kanishkarj. Please don't. Wait for consensus. Working on issues without consensus would waste your time, and there are plenty of other things to do.

[kanishkarj]

Okay, sorry..

[avinashbharti97]

@quozl
If every element of a container have nearly equal padding then it will look good.

But as now padding for sugarlabs logo changes but not for search bar.

Also after the scroll search box element starts touching the outer nav container but for element differentiation there should be some padding between parent container and child element.

[quozl]

Good, thanks. I'll wait for others to assent.

[AnshulMalik]

I agree with @avinashbharti97 :)

[VatsalBatra]

i would like to work on this one, also i think instead of just decreasing the size of the search bar, changing the radius of the search bar in sync with transition of navbar would look better

from

to

[quozl]

Thanks. However, I'm looking for input from Sugar Labs members; on whether it will look better. This is a subjective issue.

[perriefidelis]

@avinashbharti97 great idea! but if it becomes too small it wouldn't look too good. If it's possible to make the search bar as responsive(Just reduce the size on scrolling) as the other element on the nav bar, than that solves the problem better. @VatsalBatra changing the radius if the search bar will distort the uniformity of the site as other elements are in full rectangles.

[lakshya-dhariwal]

Now that the search bar is being mentioned I have noticed that the search icon looks unproportional to the search bar maybe we can also resize it according to the search bar's size

[quozl]

Probably best to look at this after upgrading to latest Bootstrap. #316

[nikkuAg]

Hey,
Are you still planning to update the design of serach bar or in navbar, as I am willing to contribute.

[chimosky]

Hey, Are you still planning to update the design of serach bar or in navbar, as I am willing to contribute.

Hi @nikkuAg, yes and you open a PR if you have a fix.