fix: feedback widget by modifying left property

[ArianHamdi]

Description

This PR prevent the appearance of a horizontal scrollbar wen hovering over the feedback widget.

Related Issue

Fixes: #12035

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	ff1e34f
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/65bc9897c2fbec000826a3e5
😎 Deploy Preview	https://deploy-preview-12052--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pettinarip]

@ArianHamdi thanks again for the help on this.

The button is perfectly placed now and it doesn't create any horizontal overflow. However, when you click on the button and open the feedback popover, I see this:

It is not aligned with the button. Perhaps we need to apply the same left prop in the popover container.

[ArianHamdi]

@ArianHamdi thanks again for the help on this.

The button is perfectly placed now and it doesn't create any horizontal overflow. However, when you click on the button and open the feedback popover, I see this:

It is not aligned with the button. Perhaps we need to apply the same left prop in the popover container.

Yes, you are right, @pettinarip.

This is the behavior currently observed on the website, and changing the left property didn't produce it.

If you want the dialog to render in the same position as the button, I will try to fix it too.

[ArianHamdi]

Hi @pettinarip,

Could you please check it again? I tried a workaround to align the popup position. Also, there was a bug that caused a horizontal jump when clicking on the button, but that has been fixed too.

[pettinarip]

Thanks @ArianHamdi!

This is working as expected now 💪🏼

FYI I'm creating a new PR #12135 to migrate the underlying component (AlertDialog) to a Popover since it is a better component to use in this case. Happy to have your eyes and feedback on that one as well if you are interested!

[gitpoap-bot]

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

Be sure to join the Ethereum.org discord if you are interested in contributing further to the project or have any questions for the team.

GitPOAP: 2024 Ethereum.org Contributor:

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.