fix: browser address bar

[frankvonhoven]

Description

See more details here

Related issues

Fixes: #1519

Manual testing steps

1. See related issue

Screenshots/Recordings

Before

After

pulse.mp4

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[tommasini]

I see, this view blocks the interaction on everything that's under it
Curious question, I see that there is no opacity at this view, is this background color that gives that transparent look?

[frankvonhoven]

Yes! This is just a rough draft solution, but the last 2 digits of the hex code are the alpha for the background color

[tommasini]

Thanks for the answer! Great work!

[frankvonhoven]

I updated it to use one of the theme colors 👍 that inline hex color was for POC

[tommasini]

Could you add recordings of android behaviour as well?

[sonarcloud]

Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 40%)

See analysis details on SonarCloud