InfoChip: include an icon in the CSS-only demo
Closed, ResolvedPublic2 Estimated Story Points
Actions

Assigned To

Authored By

	bmartinezcalvo
	Jul 16 2024, 9:39 AM

Description

Background & Goal

Currently, there is no documentation or demo explaining how to include an icon within the InfoChip CSS-only version. We need to update this component's CSS-only section to explain how to include an icon.

Acceptance criteria (or Done)

Update the InfoChip CSS to support pre-defined statuses (notice, warning, error, success)
Update the InfoChip CSS-only version to explain how to include a custom icon

Details

	Subject	Repo	Branch	Lines +/-
	InfoChip: CSS-only demo with icon	design/codex	main	+397 -25

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Open	None	T364796 [EPIC] Invitation Lists, post-MVP Improvements
Resolved	Daimona	T370473 Make Special:MyInvitationLists icons smaller within their containing divs
Resolved	lwatson	T370132 InfoChip: include an icon in the CSS-only demo

Event Timeline

bmartinezcalvo created this task.Jul 16 2024, 9:39 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 16 2024, 9:39 AM

bmartinezcalvo moved this task from Inbox to Backlog on the Design-System-Team board.Jul 16 2024, 9:40 AM

bmartinezcalvo edited subscribers, added: gonyeahialam; removed: Gregoryangelom.

Daimona subscribed.Jul 16 2024, 11:25 AM

Eslam_AbdElhakem subscribed.Jul 16 2024, 4:14 PM

Daimona mentioned this in T370181: Special:MyInvitationLists Improvement.Jul 17 2024, 10:20 PM

vaughnwalters subscribed.Jul 18 2024, 3:07 PM

CCiufo-WMF triaged this task as Medium priority.Jul 18 2024, 6:06 PM

CCiufo-WMF moved this task from Backlog to Up Next on the Design-System-Team board.

vaughnwalters mentioned this in T370473: Make Special:MyInvitationLists icons smaller within their containing divs.Jul 18 2024, 8:01 PM

vaughnwalters mentioned this in T356683: Display Past Invitation Lists in Special:MyInvitationLists.Jul 18 2024, 8:08 PM

Daimona added a parent task: T370473: Make Special:MyInvitationLists icons smaller within their containing divs.Jul 18 2024, 8:39 PM

CCiufo-WMF moved this task from Up Next to Needs Refinement on the Design-System-Team board.Aug 23 2024, 7:40 PM

CCiufo-WMF updated the task description. (Show Details)Sep 9 2024, 5:21 PM

CCiufo-WMF set the point value for this task to 2.

CCiufo-WMF moved this task from Needs Refinement to Up Next on the Design-System-Team board.Sep 9 2024, 5:24 PM

CCiufo-WMF renamed this task from InfoChip: include an icon in the CSS-only version to InfoChip: include an icon in the CSS-only demo.Oct 18 2024, 6:56 PM

egardner assigned this task to lwatson.Oct 21 2024, 6:15 PM

egardner moved this task from Up Next to DST-Sprint-34 (2024-10-15 to 2024-10-25) on the Design-System-Team board.

egardner edited projects, added Design-System-Team (DST-Sprint-34 (2024-10-15 to 2024-10-25)); removed Design-System-Team.

lwatson moved this task from Committed to In Progress on the Design-System-Team (DST-Sprint-34 (2024-10-15 to 2024-10-25)) board.Oct 22 2024, 3:39 PM

Change #1082251 had a related patch set uploaded (by LWatson; author: LWatson):

[design/codex@main] InfoChip: CSS-only demo with icon

https://gerrit.wikimedia.org/r/1082251

gerritbot added a project: Patch-For-Review.Oct 22 2024, 5:03 PM

lwatson changed the task status from Open to In Progress.Oct 22 2024, 5:23 PM

lwatson updated the task description. (Show Details)

lwatson moved this task from In Progress to Code Review on the Design-System-Team (DST-Sprint-34 (2024-10-15 to 2024-10-25)) board.

lwatson moved this task from Code Review to Design Review on the Design-System-Team (DST-Sprint-34 (2024-10-15 to 2024-10-25)) board.Oct 22 2024, 6:52 PM