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

Make "Up" and "Overflow" menu icons more visible in AccountProfile #3272

Merged
merged 4 commits into from Feb 23, 2023
Merged

Make "Up" and "Overflow" menu icons more visible in AccountProfile #3272

merged 4 commits into from Feb 23, 2023

Conversation

nikclayton
Copy link
Contributor

@nikclayton nikclayton commented Feb 6, 2023

The toolbar in AccountProfile is transparent, so any profile image the user has chosen is shown under it.

This makes the "Up" and "Overflow" menu icons also have transparent backgrounds.

Consequently, they can be hard to spot, or possibly invisible, on backgrounds that are very dark or very light.

Fix this by compositing the icons in a LayerDrawable, with a circular background identical to the surface colour. This ensures they stand out against the background image, and blend in when the user scrolls.

Fixes #2723

The toolbar in AccountProfile is transparent, so any profile image the user
has chosen is shown under it.

This makes the "Up" and "Overflow" menu icons also have transparent
backgrouns.

Consequently, they can be hard to spot, or possibly invisible, on backgrounds
that are very dark or very light.

Fix this by compositing the icons in a LayerDrawable, with a circular
background identical to the surface colour. This ensures they stand out
against the background image, and blend in when the user scrolls.
Copy link
Collaborator

@connyduck connyduck left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice! Would it be possible to have a bit of transparency on the background?

@nikclayton
Copy link
Contributor Author

Nice! Would it be possible to have a bit of transparency on the background?

A bit, but not much. It's very easy to go too transparent and then on pathological backgrounds everything ends up camouflaged again.

@connyduck connyduck merged commit 70092c8 into tuskyapp:develop Feb 23, 2023
@nikclayton nikclayton deleted the profile-visible-icons branch February 23, 2023 19:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Three-dots-menu (hamburger menu) not easily visible depending on background pic of account
2 participants