-
Notifications
You must be signed in to change notification settings - Fork 90
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
[GUI] Fix: Address Book menu hover background is white and text is white #907
[GUI] Fix: Address Book menu hover background is white and text is white #907
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ACK 676242c
Win10
All the other menus change the text color rather than change the background color. For consistency this should change the foreground color of the text on hover. I admit that (depending on your screen) that the other menus can be difficult to read (the thin font grey with white background). We should change this to black text for the non-hovered text (as current) and use a more bold color (blue) for the hovered text. This change should be rolled out over time to the other menus. @CaveSpectre11, @codeofalltrades - thoughts? |
I agree that it should be consistent, and I also agree that the light gray to black that exists on the My Addresses page isn't necessarily the right approach. I also notice that the select color in My Addresses and in the Transactions list is different then the color scheme of the Send page address book. I think we should work towards bringing them all together, this PR can be used as a starting point and then other PRs for the other portions. There's two possible schemes that I see that would use existing layout elements and work for the mouseover; and that being the scheme the Transactions page, or the My Addresses page works. Either:
I'm not sure which one would look better, but I'm leaning towards the second option |
Of the two you mention, dark grey on light blue is better. Let me suggest a third: black text on light blue. The contrast would help the text stand out more. |
I'm good with that; of course the existing My addresses and and Transaction page scheme would need to change slightly (to have the black text on light blue instead of gray on light blue) to maintain consistency. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Technically sound; just a color scheme change for this (and can be kept with this even though there will be more places that will need this color scheme change).
Have the foreground stay black and have the background change to the light blue that is shown when you select an address on transaction on their relevant pages.
I was thinking about this. Qt allows for a styleSheet for these menus. I haven't looked but would be willing to bet that the "My Addresses" and "Transactions" pages are using the same style sheet. If we change just the style sheet, one change would change all the screens that need to be changed - 1 file and maintain consistency. Worst case, we need to create a stylesheet for these and then have these screens use the stylesheet. |
Moved the configuration to main.css in a css block for all items along with black text The blue I set (#6f9bf5) corresponds (closer but not exactly with it looks like) with the color used elsewhere in the wallet (like hovering to find # of confirmations) The hover in the addressbook is a lighter blue than this, but the value is easily changed now that the css has been established as was agreed upon in the issue comment thread above. |
remember to rebase/squash your commits to a single atomic commit for a single change, |
move to css. Use darker blue than requested
c405a0f
to
1dba6c4
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ACK 1dba6c4
ack 1dba6c4 |
Current (Screenshot 1 -> Screenshot 2): hovering a selection shows a blank selection due to the background and the text turning white
New (Screenshot 1 -> Screenshot 3): hovering a selection shows a grey background correctly.
Aligns with grey #bababab used throughout the project.