Preamble
The current 'info' icon is drawn in a 15px circle and uses 1.5px stroke width. This needs to be updated to a 16px circle and 2px stroke width
Proposal
Usage
Icon | Preferences(Notifications) | IP Info (Popup) | IP Info (Help) |
---|---|---|---|
Current | |||
New | |||
More usage examples
- Visual Editor dialogs F35302691
- Paragraph-based Edit Conflict Interface https://commons.wikimedia.org/wiki/File:New_design_for_the_Two_Column_edit_conflict_interface,_status_October_2018.png
- Performance Inspector https://commons.wikimedia.org/wiki/File:MediaWiki_performance_inspector_in_December_2018.png
- Upload Wizard F35308927 F35308928
Acceptance criteria
Design
- Design icons & ensure it follows DSG principles and visual style guidelines.
- Design review
- Replace current info icon in Figma with the new design
- Add optimized SVG to icons folder and replace ZIP file
- Update T280677: Revise and extend the info / help tooltip pop-up in our design component library
Code