search

ApollosProject / apollos-embeds

Apollos React Embeds that can be used in Webflow and other third-party websites.
https://www.npmjs.com/package/@apollosproject/apollos-embeds
0 stars 0 forks source link

Apo 1022 seacoast search bar alignment #238

Closed jimmyhogoboom closed 1 day ago

jimmyhogoboom commented 1 day ago

🐛 Issue

Closes #232

The "Hey!" part of the prompt was being spaced out excessively by the   for reasons I shall allow to remain unknown. Additionally, the width of the placeholder was not being calculated properly, resulting in a width value of [object Object].

✏️ Solution

Instead of spacing the prompts with a  , use CSS to give it a right margin. Also calculate the placeholder width properly and set it via CSS.

🔬 To Test

I haven't been able to reproduce this locally, only was able to test by directly editing the source in the browser to remove the   and use margin-right: 0.35ch instead.

📸 Screenshots

Before After
Screenshot 2024-11-22 at 10 17 41 AM Screenshot 2024-11-22 at 10 15 38 AM
linear[bot] commented 1 day ago

APO-1022 (Seacoast) Search Bar Alignment

vercel[bot] commented 1 day ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
apollos-micro-service ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 22, 2024 4:29pm
apollos-web-embeds ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 22, 2024 4:29pm