Fix Algolia search button alignment#1407
Conversation
|
@Abhash-Chakraborty is attempting to deploy a commit to the recode Team on Vercel. A member of the Team first needs to authorize it. |
|
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs. In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊 Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv. We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰 🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨ 📚Your perks for contribution to this community 👇🏻
If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
github-actions
Bot
added
in-review
|
✅ Synchronized metadata from Issue #1405:
|
Abhash-Chakraborty
force-pushed
the
Abhash/fix-algolia-search-1405
branch
from
73907b9 to
3b10a4d
Compare
|
✅ Synchronized metadata from Issue #1405:
|
|
@abhilash can you confirm the responsiveness of the search tab , previously not the whole tab . |
There was a problem hiding this comment.
Pull request overview
This PR aims to tighten the Docusaurus navbar search experience by aligning the Algolia SiteSearch trigger more predictably, while also reducing some development-time client/runtime noise in the site shell.
Changes:
- Reworked Algolia navbar button styling to use an explicit grid layout for icon/text/shortcut alignment.
- Updated the Algolia SiteSearch bootstrap to add cleanup support and disable insights during initialization.
- Reduced dev-time noise by skipping Pinterest tracking on local hosts and disabling
ideal-imagein development.
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
static/pinterest-init.js |
Adds a localhost check before loading the Pinterest tracker. |
src/css/custom.css |
Introduces navbar SiteSearch layout overrides for button alignment. |
src/components/AlgoliaSiteSearch/index.tsx |
Adjusts SiteSearch typings/init options and adds cleanup on unmount. |
docusaurus.config.ts |
Disables the ideal-image plugin during development. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| const isLocalhost = ["localhost", "127.0.0.1", "::1"].includes( | ||
| window.location.hostname, | ||
| ); | ||
|
|
| applicationId, | ||
| apiKey, | ||
| indexName, | ||
| insights: false, |
| .algolia-sitesearch-navbar .sitesearch-button { | ||
| position: relative !important; | ||
| display: flex !important; | ||
| align-items: center !important; |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
@sachinggsingh great implementation, much appreciate it, will highlight in our developer newslettter. |
@sanjay-kv its not @sachinggsingh its @Abhash-Chakraborty |
Summary
Closes #1405
Testing