Double-clicking causing poor user experience in dark mode

[Akhi88S]

Issue Summary

Double-clicking in the vicinity of the parent div responsible for toggling between dark and light themes, accessing settings, and profile icons results in a background colour reset, consequently leading to hiding of settings icon.

• Check bottom left, how it is before double click

  

• After double click

  

Steps to Reproduce

To replicate the issue:

1. Open the Ghost admin interface.
2. Locate and click on the parent div situated in the bottom left corner of the settings section.
3. Check the settings icon after double click, it must’ve been hidden because of the highlighted background

Ghost Version

5.71.2

Node.js Version

18.12.1

How did you install Ghost?

MacOs

Database type

MySQL 5.7

Browser & OS version

No response

Relevant log / error output

No response

Code of Conduct

• [X] I agree to be friendly and polite to people in this repository

[Akhi88S]

It could probably be solved by adding user-select none to div container. @kevinansfield, If it's considered as bug, please do assign will take it up.

[asenseofpradhyu]

Hello @Akhi88S

I attempted to replicate this issue, but unfortunately, I couldn't reproduce it. Could you please double-check and provide more details about the issue? Let me know if you encounter the issue again.

[github-actions[bot]]

Our bot has automatically marked this issue as stale because there has not been any activity here in some time.

The issue will be closed soon if there are no further updates, however we ask that you do not post comments to keep the issue open if you are not actively working on a PR.

We keep the issue list minimal so we can keep focus on the most pressing issues. Closed issues can always be reopened if a new contributor is found. Thank you for understanding 🙂