Anne fix hovering in dark mode subtask get white issue for WBS tasks

[Annezhang673]

Description

Addressing issue raised by Shrinivas Patil while testing a previous PR

Related PRS (if any):

This frontend PR is related to the development backend PR.
This frontend PR is an update to #2709, fixing the issue as described in the description above.

Main changes explained:

• Update file /HighestGoodNetworkApp/src/components/Projects/WBS/WBSDetail/wbs.css to include the scenario when there is on hover action in the dark mode, the background of the sub task remains dark, instead of white.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to dashboard→ Other Links>Projects>Click WBS Icon
6. Please refer to the above link on how to create WBS task and sub tasks. There are minor differences.
7. Add task A , then proceed to add sub task B, then proceed to add sub task C.
8. Check if under darkmode, when hovering above the subtasks, the background did not turn white, instead it should remain dark and the texts should be clear and recognizable

Screenshots or videos of changes:

video1215154952.mp4

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	660fae0
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/672e786a6fec6d000827ea10
😎 Deploy Preview	https://deploy-preview-2773--highestgoodnetwork-dev.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.

[nikhilpittala16]

I have tested the PR and everything works as expected.

PR.vid.47.mp4

[vishavk1992]

I have tested this PR and everything working as expected.

[chu-ziyu]

I tested this PR in dark mode and everything worked as expected.

[ShreyaLaheri]

Hi - I am on the current branch and followed the steps but I don't see the change

[shivansh-nathani]

I have tested the code and the bug is fixed.

[Nahiyan-16]

Hi Anne, I have tested your PR, and it works great. I do not see any issues with your changes.

Recording.2024-10-12.104240.mp4

[aaryaneil]

Tested the PR and the changes work as expected in darkmode and the hover functionality works as expected.
Just a minor change in the hover the
tag is still visible.

[pallavithorat]

The PR is working as expected, with task A, subtask B, and subtask C added successfully. Under dark mode, hovering over the subtasks keeps the background dark, and the text remains clear and recognizable, without turning white.

[shashankhv]

Checked in dark mode, the hover effect works as expected with no background color issues. Approving the PR.

anne-PR.webm

[CodewithKoushica]

Tested in dark mode, and the hover effect works well with no background color issues. However, the tooltip currently displays HTML tags. Please update the tooltip to remove the tags.

[samarth9201]

Reviewed the PR, works as expected.

[NK3101]

Tested the PR in dark mode, the hover effect functions as expected. However, there's a hover text currently displaying HTML tags for sub-tasks.

[Muhideenthegreat]

Verification:

Everything in this PR works as expected

[Annezhang673]

Hi @NK3101 @CodewithKoushica! Thanks for the review. The issue you mentioned is not in the scope of this PR. I believe this issue has existed beforehand. You can comment in the bug document to raise a bug. Thank you.