[BUG] Icon copy notification text is not readable as the underlying elements are also visible.

[mrinmay7875]

Has this bug been raised before?

• I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

production on biodrop.io

Version of BioDrop (for example "v1.2.3")

latest version

Description

In the icons page when we click on the icons then that icons gets copied and we see a toast notification on the right side of the screen. However, the toast notification alert is not solid and hence the underlying elements are not showing visible through the notification and hence the text written in the notification is often not readable properly.

I am attaching a screenshot below.

I think if we can have a solid toast notification that will be better in my opinion.

Screenshots

Do you want to work on this issue?

No

If you want to work on this issue...

No response

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[SaraJaoude]

We cannot seem to replicate this so I will add the talk: discussion label for now.

One of the things to ascertain is what browser is this appearing in?

@mrinmay7875 please can you edit the description to the version number (saying "latest" can be confusing).

[mrinmay7875]

@SaraJaoude See that after select on the icon we see this notification where text is not readable properly because the navbar button is showing through the notification.

Also when we hover over the notification then we see the navbar button is showing up.

Regarding the version, I just opened the biodrop.io URL and I can reproduce the issue there.

Regarding the browser, I can reproduce this issue on Chrome and Edge on Mac and Windows as well.

[anirudhp26]

Yes, I am also facing the same issue when I tried replicating it

[anirudhp26]

If this is ready to be fixed then I would like to work on this :)

[mrinmay7875]

@SaraJaoude Let me know if you are able to reproduce this issue or have any further questions.

[sital002]

The bug does exist here is the screenshot for it

Tested on :
Browser: Mozilla Firefox and Chrome
OS: Ubuntu

@mrinmay7875 If you want to work on the issue please mention that on the issue description since you have already created a PR for it. Please familiarize yourself with our contributing guidelines https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md and don't tag specific maintainers.

[github-actions]

The issue has been unlocked and is now ready for dev. If you would like to work on this issue, you can comment to have it assigned to you. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[SaraJaoude]

@mrinmay7875 it is unclear as to whether you want to work on this issue or not - but given your comments in your previous PR I am going to assume that you do, so that I will assign this to you.

As Sital mentioned please make it clearer in future if you do want to work on an issue as this avoids confusion for both maintainers and other contributors.

[mrinmay7875]

Thanks for assigning the issue to me, Yes I will work on this issue and create a PR asap

ℹ️ mrinmay7875 has some opened assigned issues: 🔧View assigned issues

[Kamaruddheen]

Can I take up the issue? As @mrinmay7875 is not having time at the moment and he is okay that I can take up the Issue (#9652 (comment))

[SaraJaoude]

Can I take up the issue? As @mrinmay7875 is not having time at the moment and he is okay that I can take up the Issue

@Kamaruddheen I have assigned this to you - please also see my comments here: #9652 (comment)

[Kamaruddheen]

@Kamaruddheen I have assigned this to you - please also see my comments here: #9652 (comment)

Got it Sara, Will create new PR and work on it.

ℹ️ Kamaruddheen has some opened assigned issues: 🔧View assigned issues