Skip to content

Remove use of material-icons library from code base #4907

@rtibbles

Description

@rtibbles
Member

Desired behavior

We should remove all mentions and usage of material-icons and replace with usage of Kolibri Design System icons where possible. Where not possible, we should just remove it (as in the base.html file).

Current behavior

We rely on an extra dependency for icons that has an unclear upgrade path.
Fixing this issue will not allow us to remove the dependency, as Vuetify still requires it, but takes us one step closer.

Activity

SukhvirKooner

SukhvirKooner commented on Feb 11, 2025

@SukhvirKooner
Contributor

Hi @rtibbles,
I’d like to take on this issue. Could you clarify whether there are any specific guidelines or references for implementing Kolibri Design System icons? Also, are there any high-priority sections where this change should be made first?

Please assign this to me. Thanks!

rtibbles

rtibbles commented on Feb 11, 2025

@rtibbles
MemberAuthor

Search for material-icons in the codebase would be the first start to identify places that need to be updated. Once you've identified what icons are being used, you can cross reference with https://design-system.learningequality.org/icons to see what icons we could replace them with.

It's also possible there are references where it is not being used at all, so we might be able to just remove at those points.

SukhvirKooner

SukhvirKooner commented on Feb 14, 2025

@SukhvirKooner
Contributor

Hi @rtibbles ,
I have raised the PR to replace material-icons with Kolibri Design System icons.
Let me know if changes are needed. Looking forward to your feedback!

MisRob

MisRob commented on Feb 17, 2025

@MisRob
Member

Thank you @SukhvirKooner, we will review

ishaan-arora-1

ishaan-arora-1 commented on Mar 11, 2025

@ishaan-arora-1

it seems like this issue is still open, i'd like to work on it if it is... apologies otherwise.

MisRob

MisRob commented on Mar 11, 2025

@MisRob
Member

Hi @ishaan-arora-1, what my colleague mentioned in the other comment applies here as well. We won't assign issues that are already assigned. I would recommend you examine issues carefully - I think you should be able to see the assignment section?

Generally, it's best to follow the process in the CONTRIBUTING.md. There are no 'help wanted' now so I recommend to refresh the list on weekly basis as we keep adding. Before then, we can't assign you any issues. Thanks for your interest and hopefully some time later we can collaborate.

ishaan-arora-1

ishaan-arora-1 commented on Mar 11, 2025

@ishaan-arora-1

@MisRob I'm really sorry for the misunderstanding on my part. I was just really eager to contribute after using everything at Learning Equality. I thought that since the issue was still open even after the PR, I could ask to be assigned, but I now realize that was my mistake. Sorry again for the inconvenience!

MisRob

MisRob commented on Mar 11, 2025

@MisRob
Member

No problem - actually thanks for sharing more @ishaan-arora-1. It will help me to understand how people perceive issues.

Yes, sometimes there is an issue open for a long time even after the PR. We clear up stale assignments regularly though, so checking on assignees will do.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

help wantedOpen source contributors welcome

Type

No type

Projects

No projects

Relationships

None yet

    Development

    Participants

    @rtibbles@MisRob@SukhvirKooner@ishaan-arora-1

    Issue actions

      Remove use of material-icons library from code base · Issue #4907 · learningequality/studio