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

Implement responsive UI icons #3851

Open
2 of 8 tasks
oliverschuerch opened this issue Oct 29, 2024 · 0 comments · May be fixed by #3969
Open
2 of 8 tasks

Implement responsive UI icons #3851

oliverschuerch opened this issue Oct 29, 2024 · 0 comments · May be fixed by #3969
Assignees
Labels
📦 icons Related to the @swisspost/design-system-icons package

Comments

@oliverschuerch
Copy link
Contributor

oliverschuerch commented Oct 29, 2024

In the future, our design system will not only provide the current 900+ icons (one size), but also a much smaller set of responsive UI icons.

We had a discussion about this and specified how and also when to do this.
Below is the discussion output.


How to handle masking/clipping, without svg mask and or clip-path elements?
Everything is one path

How to structure the icons?
every icon size is defined as individual icon
icon-x-16.svg
icon-x-24.svg
...

Where to store the icons?
Censhare, separated from the current icons

Where to store the generated sprite image?
Selfhosted is preferred

How to use those icons?
post-icon is the preferred

Implementation priorisation?
Must have for cargo

Tasks to reach the goal:

Tasks

Rough estimation for the DEV tasks:
+/- 2-3 weeks

Current conclusion:

  • Implement (5-15) static cargo specific icons in the components, where they are needed (as mask-image in CSS).
  • Work on an automized solution as outlined above, earliest starting march 2025.
@oliverschuerch oliverschuerch added the 📦 icons Related to the @swisspost/design-system-icons package label Oct 29, 2024
@oliverschuerch oliverschuerch self-assigned this Nov 8, 2024
@oliverschuerch oliverschuerch moved this from 👀 Triage to 🕹️ Coding in progress in Design System Production Board Nov 8, 2024
@oliverschuerch oliverschuerch linked a pull request Nov 12, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📦 icons Related to the @swisspost/design-system-icons package
Projects
Status: 🕹️ Coding in progress
Development

Successfully merging a pull request may close this issue.

1 participant