search

push-protocol / push-dapp

The Push Protocol Dapp
https://app.push.org
Other
45 stars 39 forks source link

🐛 [BUG] - Toast Message Partially Hidden by Header Due to Z-Index #1597

Open Gautam25Raj opened 4 months ago

Gautam25Raj commented 4 months ago

Expected Behaviour

Toast messages should display entirely and clearly above all other content on the page.

Current Behaviour

Toast messages are appearing partially obscured by the website header. This is because the header element has a higher z-index value than the toast element, causing the header to visually overlap the toast. As a result, approximately 25% of the toast content is hidden from view.

Reproduction steps

1. Trigger an action that displays a toast message (e.g., Changinig your display name in Push Chat).
2. Observe the toast message on the screen.
3. Notice that the top portion of the toast message is hidden behind the website header.

Screenshots

Screenshot (6)

Relevant Logs

No response

Dapp Env

Prod (app.push.org)

Browsers

Chrome

rahulsingh3526 commented 3 months ago

can you assign the task to me ?