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

Aria-label not applied to icons consistently. #72

Open
AndreLemay opened this issue May 29, 2023 · 0 comments
Open

Aria-label not applied to icons consistently. #72

AndreLemay opened this issue May 29, 2023 · 0 comments

Comments

@AndreLemay
Copy link

I'm trying to add CSS snippets to specific icons rather than globally (e.g. changing the colour of an svg icon).

Using the chrome inspector, I was able to find that the aria-label was set to the icon name, and I could use css like this:
.isc-icon.isc-ra[aria-label="ra diamonds"] > svg { fill: purple; }
This nicely gives me a purple diamond icon in edit mode at least.

But for callouts in edit mode, or anywhere in read mode, the aria-label is not set, so the CSS stops working.

It would be incredibly useful to be able to target css to specific icons, instead of being limited to applying styles to an entire icon pack.

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

No branches or pull requests

1 participant