gsabater / Steam-Backlog

Steam Backlog is a free tool to manage your Steam library
https://steam-backlog.com
19 stars 0 forks source link

Wrong visibility in the tags dropdown #53

Closed gsabater closed 5 years ago

gsabater commented 5 years ago

Description

Ah, seems there's a usability bug. Enter the "library" view, open the "With tags" dropdown next to search, the selected item has black text on the dark blue background, makes it nearly unreadable unless the user hovers over the element (at which point it becomes white text on a lighter blue background).

The relevant CSS rule is .ui.menu .ui.dropdown .menu>.selected.item

With contents of color: rgba(0,0,0,.95)!important background: rgba(0,0,0,.05)!important

Given another rule (below) for dropdown backgrounds, that means current selection gets black text on a very dark (#181d2b) background

.ui.menu .ui.dropdown .menu, .ui.dropdown .menu{background:#181d2b !important}

Result is, for example, typing "pr" into the "With tags" filter box appears to only show "Programming" unless the user looks very closely (to see "Procedural Generation" is actually above that in the list, just nearly invisible)

For reference, this is chrome 64.0.3282.167 on Linux Mint 18.x, no active extensions operating on the page (re-tested in incognito mode with no extensions active)


Suggested by Dragonfyre13 via Chat

gsabater commented 5 years ago

Those dropdowns are no longer used


Implemented in 🌷 March 2019 release. Complete changelog at https://steam-backlog.com/changelog