You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In the pattern discussion from 02.05.2024 we discussed the validation icon for invalid error messages. We decided to put the icon within the error message and change it from the exclamation mark to the exclamation mark within a triangle. This helps visibility on small font sizes and bad screens.
Old icon:
New icon:
The content you are editing has changed. Please copy your edits and refresh the page.
gfellerph
added
📦 styles
Related to the @swisspost/design-system-styles package
and removed
needs: design
This issue needs a design in figma before it can be implemented.
labels
May 30, 2024
In the pattern discussion from 02.05.2024 we discussed the validation icon for invalid error messages. We decided to put the icon within the error message and change it from the exclamation mark to the exclamation mark within a triangle. This helps visibility on small font sizes and bad screens.
Old icon:
![image](https://private-user-images.githubusercontent.com/1659006/327376795-4c537048-c13a-43ad-bd48-7705e81bfc0a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MjIwMjMsIm5iZiI6MTcxODkyMTcyMywicGF0aCI6Ii8xNjU5MDA2LzMyNzM3Njc5NS00YzUzNzA0OC1jMTNhLTQzYWQtYmQ0OC03NzA1ZTgxYmZjMGEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjBUMjIxNTIzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTdiM2RiZjk2ZjE0NjlkYmM4ZWI2MWQ0OTkxZWYzNmI3ZDU0MWY3YTZkYmVjNmQxMTU3MzRhZmViZGU1ZjU3NSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.7HY6kHGcxwyvCovy4CSxWi4kxi6KavKOi8KQVBcoeNE)
New icon:
![image](https://private-user-images.githubusercontent.com/1659006/327376564-f401dfb1-7457-48fe-b70b-5bb3248e96e3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MjIwMjMsIm5iZiI6MTcxODkyMTcyMywicGF0aCI6Ii8xNjU5MDA2LzMyNzM3NjU2NC1mNDAxZGZiMS03NDU3LTQ4ZmUtYjcwYi01YmIzMjQ4ZTk2ZTMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjBUMjIxNTIzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWQyOGI1YTQ4Y2VhMmFkYTRkOTAzZTk1NTY4MzY5ZjhlNTI3OTczNTQxM2Y3OTNiY2FjZTkwMDE2ZTlkMjMzNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.g-GYNwZHvj2LPVvZXpy2hwfNM9G8BPPnEZo4NGKJtfA)
Replace icon for
The text was updated successfully, but these errors were encountered: