Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hover tooltips in the UI are hard to see due to transparency on the grey background #3042

Closed
whisperity opened this issue Nov 23, 2020 · 0 comments · Fixed by #3052
Closed
Labels
GUI 🎨 usability 👍 Usability-related features web 🌍 Related to the web app

Comments

@whisperity
Copy link
Contributor

Describe the bug
The hover-on tooltips in the web UI are hard to see, as there is too much transparency in the grey background with lots of whites in the background.

image

CodeChecker version
131861b

whisperity@476dc9a425ff:~$ CodeChecker-Release/bin/CodeChecker version
CodeChecker web version:
------------------------------------------------------------------------
Kind                          | Version
------------------------------------------------------------------------
Base package version          | 6.15.0
Package build date            | 2020-11-13T00:49
Git commit ID (hash)          | 131861b7e94298f58cad883a533814573b89a0f3
Git tag information           | 6.15
Server supported API (Thrift) | 6.35
Client API (Thrift)           | 6.35
------------------------------------------------------------------------

To Reproduce
Steps to reproduce the behaviour:

  1. Hover on any ❔ on the UI.

Expected behaviour
Better readability. I have changed the background-color: attribute to rgba(0,0,0,.9) from rgba(92,92,92,.9) I think, in browser webdev tools and achieved the result below. It's not perfect still, but certainly more readable.
image

Desktop (please complete the following information)

  • OS: Windows 10 19.09
  • Browser: Firefox
  • Version: 83.0
  • Screen panel type: I tried it both with TN and IPS panel LCD screens. Connections are via HDMI. The greyness is actually worse (i.e. the tooltip is less readable) on the IPS panels (which are usually regarded as better in terms of colour by both gamers and art/animation/visual workers)
@whisperity whisperity added GUI 🎨 usability 👍 Usability-related features web 🌍 Related to the web app labels Nov 23, 2020
@csordasmarton csordasmarton added this to the release 6.16.0 milestone Nov 25, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
GUI 🎨 usability 👍 Usability-related features web 🌍 Related to the web app
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants