Add Card component to Codex
Closed, DuplicatePublic
Actions

Assigned To

None

Authored By

	• Niedzielski
	Jun 22 2020, 6:01 PM

Description

Background/Goal

We need to add the Card component to Codex.

User stories

As a designer, I need to be able to use the different card component variants.

Considerations

Referencing T255902 for guidance
Existing features: T153417
Name of the component, related T286973: Consider renaming TypeaheadSuggestion component

Acceptance criteria (or Done)

Component can wrap any slotted content.
All component acceptance criteria in T255902 are covered.

Requirements pending. This task will be an epic that holds related design and engineering tasks.

Related Objects

Mentioned In: T310632: Card: Add the "portrait" orientation
T311874: [New component] Skeleton: Add Skeleton loader component to Codex
T278311: Add Card component to Codex
T310189: [SPIKE] Create scope for Card MVP
T306047: Add Dialog component to Codex
T299682: Add generic versions of TypeaheadSuggestion and TypeaheadSuggestionTitle to Codex
T286973: Consider renaming TypeaheadSuggestion component
T277047: Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components
Mentioned Here: T286973: Consider renaming TypeaheadSuggestion component
T278311: Add Card component to Codex
T153417: Align the style for lists of pages
T300595: Migrate NearbyPages from WVUI to Codex
T256043: Build the wvui-typeahead-search component for Vue.js search
T255902: [Epic] Build the component primitives for Vue.js search

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes

Volker_E added a project: WVUI.Jul 30 2020, 12:06 AM

@Volker_E, do you think this component still makes sense in the current implementation? Do we need this task?

Assigning Volker for now for analysis given Stephen's comment above. He can delegate if necessary. It sounds like we may even be able to close out.

Anribolon reassigned this task from Volker_E to nick_ras.Sep 14 2020, 2:27 PM

Anribolon reassigned this task from nick_ras to Volker_E.

Anribolon added a subscriber: nick_ras.

As far as I understand the latest design in agreement with @alexhollender, that we're sufficient in #desktop_improvements with the T256043: Build the wvui-typeahead-search component for Vue.js search component. So removing team tag.

Volker_E removed Volker_E as the assignee of this task.Sep 21 2020, 5:16 PM

Volker_E removed a parent task: T256043: Build the wvui-typeahead-search component for Vue.js search.Sep 23 2020, 7:56 PM

Volker_E renamed this task from Build the wvui-card component for Vue.js search to Build the wvui-card component.Nov 20 2020, 7:06 PM

Volker_E lowered the priority of this task from High to Low.

Volker_E updated the task description. (Show Details)

Volker_E removed a parent task: T255902: [Epic] Build the component primitives for Vue.js search.

Volker_E moved this task from Requests to Review to Wikimedia Vue UI (WVUI) on the Design-Systems-team-20200324-20220422 board.Feb 1 2021, 4:39 PM

Volker_E mentioned this in T277047: Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components.Apr 14 2021, 6:26 PM

DannyS712 mentioned this in T286973: Consider renaming TypeaheadSuggestion component.Jul 20 2021, 2:01 AM

Volker_E renamed this task from Build the wvui-card component to Codex: Build the Card component.Oct 11 2021, 5:00 PM

Volker_E moved this task from Wikimedia Vue UI (WVUI) to Codex Milestone on the Design-Systems-team-20200324-20220422 board.

Volker_E edited projects, added Design-Systems-team-20200324-20220422 (Codex Milestone); removed Design-Systems-team-20200324-20220422.

Volker_E edited projects, added Codex; removed WVUI.

Volker_E updated the task description. (Show Details)

egardner edited projects, added Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board); removed Design-Systems-team-20200324-20220422 (Codex Milestone).Oct 12 2021, 6:54 PM

AnneT mentioned this in T299682: Add generic versions of TypeaheadSuggestion and TypeaheadSuggestionTitle to Codex.Mar 9 2022, 10:06 PM

AnneT renamed this task from Codex: Build the Card component to Design and build the Card component.Mar 9 2022, 10:21 PM

AnneT raised the priority of this task from Low to Needs Triage.

AnneT updated the task description. (Show Details)

AnneT added subscribers: • Sarai-WMDE, bmartinezcalvo.

Jdlrobson added a parent task: T286835: Port RelatedArticles to Codex.Mar 10 2022, 1:00 AM

Jdlrobson added a parent task: T246493: [EPIC] Deploy NearbyPages everywhere.

• Sarai-WMDE moved this task from Incoming/Requests to Needs Design on the Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board) board.Mar 14 2022, 9:31 AM

• Sarai-WMDE added a project: Design.

Hey @AnneT, @Jdlrobson and @STHart 👋🏻 For system designers to be able to prioritize the design of this component (not started yet), we need to understand where it would sit on the Codex backlog (in case that's our source of truth), and what's its priority in comparison to other components currently included in the "Needs Design" column in the DST Kanban board.

• STH renamed this task from Design and build the Card component to Design the Card component.Mar 14 2022, 3:16 PM

• STH moved this task from Needs Design to Up Next on the Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board) board.

• STH moved this task from Up Next to Needs Design on the Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board) board.Mar 14 2022, 3:20 PM

For web team this component is pretty important along with the Dialog component (which is slightly less important). I believe these two components are the only missing building blocks for the web team to be able to port all of its codebases to Codex. Card is more important however as it blocks our deployment of NearbyPages (and specifically T300595)

Thanks all! Yes... our Phab boards need to be updated to reflect priority. This is on my immediate radar. @Sarai-WMDE I'm working in Google Sheets for components right now and then will move a prioritized list to the main Design Systems team board (not the Kanban board, which will hopefully go away eventually). The main board should have a list of prioritized components (also tagged with the Codex tag, so it shows up on that project board) and it should also have a list of roadmapped epics (which is what the Kanban board is attempting to do now, but priority is also unclear there). I'll review my thoughts on prioritization with you and design and we can send communications out on where to find stuff when this is finalized -- @ldelench_wmf, does this all sound okay?

Jdlrobson awarded a token.Mar 23 2022, 3:58 PM

• STH edited projects, added Design-System-Team; removed Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board).Apr 13 2022, 3:34 PM

• STH mentioned this in T306047: Add Dialog component to Codex.Apr 13 2022, 3:42 PM

Hey @STHart any ideas when work will begin on this task? I was looking at the current state of Codex today, and saw that with recent refactorings the new menu item is documented as not being a standalone component (https://doc.wikimedia.org/codex/main/components/menu-item.html#demos)

As far as I can see it blocks removing WVUI from the beta cluster (since https://en.wikipedia.beta.wmflabs.org/wiki/Special:Nearby uses)

Hey @Jdlrobson! To me, it makes sense to me to tackle the WVUI-related components around a similar time, so I would love to prioritize this. I flagged it for discussion with engineers in our next planning session and I'll sync back here, hopefully next week with more locked-in timing.

• STH renamed this task from Design the Card component to Codex Component: Card.Apr 15 2022, 5:28 PM

• STH renamed this task from Codex Component: Card to Add Card component to Codex.Apr 15 2022, 5:33 PM

• STH updated the task description. (Show Details)

T153417 may be helpful to the designer.

Previous exploration: T278311: Add Card component to Codex
Relevant thread: T153417: Align the style for lists of pages

ldelench_wmf moved this task from Inbox to Needs Refinement on the Design-System-Team board.Apr 25 2022, 3:33 PM

• STH added a subtask: T278311: Add Card component to Codex.Apr 27 2022, 4:25 PM

• STH moved this task from Needs Refinement to Backlog on the Design-System-Team board.Apr 30 2022, 4:20 PM

• STH triaged this task as Medium priority.May 1 2022, 1:19 PM

In T256036#7857875, @STHart wrote:

Hey @Jdlrobson! To me, it makes sense to me to tackle the WVUI-related components around a similar time, so I would love to prioritize this. I flagged it for discussion with engineers in our next planning session and I'll sync back here, hopefully next week with more locked-in timing.

Checking in here - would appreciate a timeline as we have lots of initiatives blocked on this task.

• STH moved this task from Backlog to Up Next on the Design-System-Team board.May 4 2022, 4:22 PM

Hi @Jdlrobson, we can start designing this component during our next sprint (mid May) however we'll need some more information before getting started. Is there a current Card component or specs you can share as well as examples of use-cases? Any background information you have would be appreciated. Thanks!

@STHart only the existing features we've shared previously in this thread (T153417, T153417). I would expect that the design specification would need updating based on a standardization of all those elements or by taking one of them as the basis for a first version.

bmartinezcalvo updated the task description. (Show Details)May 5 2022, 11:07 AM

• STH moved this task from Up Next to Needs Refinement on the Design-System-Team board.May 9 2022, 12:05 PM

• STH raised the priority of this task from Medium to Needs Triage.May 17 2022, 9:22 PM

• STH moved this task from Needs Refinement to Codex Component Backlog on the Design-System-Team board.

Volker_E updated the task description. (Show Details)May 18 2022, 3:50 PM

Sgs subscribed.May 23 2022, 9:40 AM

Exploration starting now, toward end of the current sprint. We will be discussing the Card component further this week with the Readers Web Team

• STH changed the task status from Open to Stalled.May 26 2022, 12:28 AM

• STH triaged this task as Medium priority.May 26 2022, 12:38 AM

• STH closed this task as a duplicate of T309256: Spike: Nearby Pages use-case for MenuItem ("Card") Component.May 26 2022, 12:49 AM

In T256036#7950489, @NHillard-WMF wrote:

Exploration starting now, toward end of the current sprint. We will be discussing the Card component further this week with the Readers Web Team

Hi @NHillard-WMF - just wanted to note that Growth actually has a separate request/ticket to add the Card component and would like to be involved in the development of this component moving forward - task is here:
https://phabricator.wikimedia.org/T278311

[edit] I wonder if T278311 is in fact the correct task this should have been merged as duplicate of?

AnneT reopened this task as Open.May 31 2022, 5:28 PM

AnneT closed this task as a duplicate of T278311: Add Card component to Codex.

@RHo Agreed, thanks for pointing this out!

ldelench_wmf mentioned this in T310189: [SPIKE] Create scope for Card MVP.Jun 8 2022, 3:21 PM

Catrope removed a parent task: T286835: Port RelatedArticles to Codex.Jun 9 2022, 12:52 AM

Catrope removed a parent task: T246493: [EPIC] Deploy NearbyPages everywhere.

AnneT mentioned this in T278311: Add Card component to Codex.Jun 9 2022, 2:00 PM

AnneT removed a subtask: T278311: Add Card component to Codex.Jun 14 2022, 3:59 PM

bmartinezcalvo mentioned this in T311874: [New component] Skeleton: Add Skeleton loader component to Codex.Nov 9 2022, 7:22 PM

bmartinezcalvo mentioned this in T310632: Card: Add the "portrait" orientation.Sep 22 2023, 10:42 AM