Skip to content

Conversation

@Gagan202005
Copy link

📋 Description

This PR addresses a styling issue in the navigation bar where the Search Button appeared too large compared to other elements.

Changes implemented:

  • Updated .DocSearch-Button styles in the global CSS.
  • Removed the padding (px and py) to compact the button size.
  • Ensures the search button aligns better with the navbar height and other menu items.

This PR Resolves #keploy/keploy#3501

Type of change

  • Bug fix (non-breaking change which fixes an issue).

How Has This Been Tested?

  1. Ran the documentation site locally (npm start).
  2. Verified the Search button appearance on Desktop and Mobile.
  3. Confirmed that the button is still clickable and functional.
  4. Checked that the styling does not break the layout on smaller screens (mobile view).

DEMO

image

Checklist:

  • My code follows the style guidelines of this project.
  • I have performed a self-review of my own code.

Signed-off-by: Gagan202005 <gagansinghal2005@gmail.com>
@Achanandhi-M
Copy link
Member

Hey @gagan Singhal, we don’t want to change the existing style—the current one looks good to us. Your PR changes the style when the search icon is clicked, but we prefer to keep the existing behavior. I hope you understand. Please feel free to look into other issues to work on.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants