MetaMask / MetaMask/phishing-warning
[Visual bug] Blank page on certain blocked URLs, simple CSS fix
- Dominant language
- TypeScript
- Stars
- 20
- Forks
- 17
- PR merge metrics
- No merged PRs in 30d
Description
There are certain scam links being advertised on Facebook, I recently reported 2 of them.
However, these ads have very long URLs, this causes a visual bug on the Metamask warning page after they are blocked.
For example, try visiting this blocked site using the Metamask extension:
https://inquirer.pro/WwwNmYPh?utm_creative=New+Sales+ad&utm_campaign=PE%2FJaime+Bayly%2Fvideo&utm_source=fb&utm_placement=Facebook_Desktop_Feed&campaign_id=120225787927560429&adset_id=120225787927600429&ad_id=120225787927570429&adset_name=New+Sales+ad+set&emaill=2314&pixel=1196785042230272&token=EAAXD16w6QbcBO8nLerQHz1NZBeZCtvZAFFhmzyJgRpNodqxr5SZCoJulRExMrvIX1apQNEtTLWtWlqxnelsx4IsICMqE4qdZBZAA9w0k4N4IsqvkZCNQJbHDKSSHss3FVKDcOt8fMScpOtqXz4iUV9GUQlYIgwdSkC8SsRAHBM7nsPkZC6hZCxiOF5Qs7MgVF9gZDZD&domain=inquirer.pro&media_type=video&utm_medium=paid&utm_id=120225787927560429&utm_content=120225787927570429&utm_term=120225787927600429&fbclid=IwY2xjawKdsvZleHRuA2FlbQEwAGFkaWQBqyC3nhg0DQEeIx3vp7TpFC-QWZnFEnzvwC77gv5PCmoQKzlWuPeM23hmHyNknQ-kWu1Pz5c_aem_J0Y-lN4gpjbPlMTDYRZeJQ
The link shows a blank page, like this one:

The fix is adding this CSS to the `.content__body` class, so the text content in the URL doesn't expand the `
```
overflow: hidden;
max-width: 100%;
```
The file that needs to be modified seems to be this one (`index.css`):
https://github.com/MetaMask/phishing-warning/blob/47b40918912b859df76d1b091bd9120856a53d08/static/index.css#L148
Contributor guide
No contributing guide indexed for this repository
Research direction
Open static/index.css at the .content__body rule and reproduce the blank warning page with the long blocked URL from the issue. Verify that long URL text no longer expands the page layout and that the warning content remains visible without overflow.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 55/100