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

[BUG] Card background icon is practically invisible #1052

Closed
diomed opened this issue Feb 20, 2022 · 5 comments
Closed

[BUG] Card background icon is practically invisible #1052

diomed opened this issue Feb 20, 2022 · 5 comments
Labels
bug Something isn't working

Comments

@diomed
Copy link

diomed commented Feb 20, 2022

I know that background icon is supposed to be unobtrusive, but icon displayed in card with icon bg is practically invisible.
I suggest changing its color to more visible one. Such as baby blue or similar.

@diomed diomed added the bug Something isn't working label Feb 20, 2022
@kevinpapst
Copy link
Collaborator

Are you talking about these new styles? I find them quite appealing, but only from a visual perspective:
Bildschirmfoto 2022-02-20 um 18 21 06

Sorry if you meant something else, but I wanted to share my 5 cents as well:

I was thinking about using them in my app and asked several people (the regular/average Joe, no techies) for their opinion and none of them identified those as clickable actions. Not a good sign from UX perspective, so I would use those buttons with caution...

@diomed
Copy link
Author

diomed commented Feb 21, 2022

card with icon bg

no, I'm talking about this. apparently, when you squint your eyes you'll see that this card actually has icon in its background.
should really be more noticeable.

@kevinpapst
Copy link
Collaborator

Ah right, hm an opacity of .card-stamp-icon{opacity: .3;} would indeed look better.
Bildschirmfoto 2022-02-21 um 11 06 06
The opacity of opacity: .075; is currently hardcoded, you we can't use SASS to set the value.
Seems you have to overwrite the rule in your project.

@diomed diomed changed the title [BUG] Icon is practically invisible [BUG] Card background icon is practically invisible Feb 21, 2022
@codecalm
Copy link
Member

yellow is very specific colour, so i've changed stamp opacity to .2. I've also added $card-stamp-opacity variable to config :)

@kevinpapst
Copy link
Collaborator

thanks @codecalm 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants