The navigation bar layout is not preserved

[sridamul]

Suggestion

As I switch to 'Success Stories,' 'Contributor Spotlight,' and 'Plugins,' there is a variation in the navigation bar layout, while the others maintain the same navigation bar layout.

jenkins.Nav.Bar.Issue.mp4

It would be nice if the layout of the remaining three tabs could be preserved, excluding the search menu.

[krisstern]

Hi @sridamul! You should probably open an issue at https://github.com/jenkins-infra/jenkins-io-components and reference this. Our navbar component is currently located there.

[krisstern]

This is actually a known issue

[sridamul]

Hi @krisstern,

Thanks for the clarification. I'll go ahead and close the issue now. Do you recommend opening a new issue at https://github.com/jenkins-infra/jenkins-io-components?

[krisstern]

Please do not close this issue but reference back to this for better tracking.

[krisstern]

Hi @krisstern,

Thanks for the clarification. I'll go ahead and close the issue now. Do you recommend opening a new issue at https://github.com/jenkins-infra/jenkins-io-components?

Yes, I have already said so

[sridamul]

Okay! Grateful for your clarification.

[Rekha-Ahir]

@krisstern and @sridamul
We can do it by giving margin right property 11rem to .navbar nav in success stories page

[krisstern]

@Rekha-Ahir Could you please see if you could open a pull request to address this issue? I have a feeling this is not possible in the https://github.com/jenkins-infra/jenkins-io-components because multiple sites are already using the same navbar from this component except maybe the plugin site. And, I am not actually sure if we are planning to change the plugin site navbar at all.

[Rekha-Ahir]

@krisstern i think you are right it will effect all the component but i will try to look out the issue by pull request

[sridamul]

@krisstern, just to clarify, the only difference is in the contribute spotlight nav bar. The plugin site and success stories maintain the same style (without a search bar), while the remaining tabs have consistent nav bar layouts (with a search bar). Therefore, I suggest focusing our attention solely on the contributor spotlight. What are your thoughts on this?

[krisstern]

Hi @sridamul I am not sure I am getting what you are saying 100%, we are just using the navbar component from @jenkinsci/jenkins-io-components as is currently:
https://github.com/jenkins-infra/contributor-spotlight/blob/main/gatsby-ssr.jsx#L10.

[krisstern]

There is however some additional styling added for the plugin site navbar in https://github.com/jenkins-infra/plugin-site/blob/d87b02f35a0cc859a0e3a5619d6d0039e13e09d1/plugins/plugin-site/src/styles/base.css.

[sridamul]

Is there a same styling for the success stories too?

[krisstern]

If it is just a font size change needed for the navbar in contributor-spotlight I can take care of that.

[sridamul]

Yep, I think so

[krisstern]

Just submitted a PR to fix this, by setting a default fontsize in contributor-spotlight.